*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body {margin:0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-size:16px;color:#3c3c3c;background-color:#fff;}
ul,li{list-style:none;margin:0;padding:0;}
a{text-decoration:none;color:#1d5e5d;}
a:hover{text-decoration:underline;color:#6dbc62}
p{line-height:1.65;margin:10px 0;}
dl{margin:0;padding:0}
button, input, optgroup, textarea{border:0;font: inherit;}
button, input, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
h1{font-size:28px;margin:0 0 10px 0;line-height:1.1;}
h2{font-size:24px;margin:0 0 10px 0;line-height:1.1;}
h3{font-size:20px;margin:0 0 10px 0;line-height:1.1;}
.clearfix:before,.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
.text-large{font-size:20px;}
.text-big{font-size:18px;}
.text-default{font-size:16px;}
.text-small{font-size:14px;}
.text-little{font-size:12px;}
.text-white{color:#fff;}
.btn{border-radius: 4px;padding:10px 20px;margin: 0;display: inline-block;line-height: 20px;background-color:#1d5e5d;border:none;cursor:pointer;color:#fff;transition:all .3s;}
.btn:hover{background-color:#6dbc62;color:#fff;}
.btn-color{background:linear-gradient(to right,#14cd69,#035d7d);transition:all .3s;}
.btn-color:hover{background:linear-gradient(to right,#76f165,#006e78);color:#fff;text-decoration:none;}
.btn-small{padding:6px 12px;line-height:1.5;}
.btn-little{padding:4px 8px;line-height:1.5;font-size:14px;}
.border{border:1px solid #ddd;}
.padding{padding:10px;}
.padding-small{padding:5px;}
.flex-row-center {display: flex;justify-content: center;cursor:pointer;align-items:center;}
.margin-bottom {margin-bottom: 10px;}
.margin-large-bottom {margin-bottom: 30px;}
.margin-large-top {margin-top: 30px;}
.margin-big-top {margin-top: 20px;}
.margin-big-right {margin-right: 20px;}
.padding-top{padding-top:10px}
.padding-big-top{padding-top:20px}
.margin-top {margin-top: 10px;}
.margin-big-bottom{margin-bottom:20px;}
.float-right {float: right;}
.float-left {float: left;}
.margin-small-top { margin-top: 5px;}
.margin-right{margin-right:10px;}
.flex-col-2{display:flex;margin:0 -20px;flex-wrap:wrap;}
.flex-col-2 .flex-item{width:50%;padding:0 20px;}
.flex-col-3{display:flex;margin:0 -20px;flex-wrap:wrap;}
.flex-col-3 .flex-item{width:33.333333%;padding:0 20px;}
.flex-col-4{display:flex;margin:0 -20px;flex-wrap:wrap;}
.flex-col-4 .flex-item{width:25%;padding:0 20px;}
.text-small {font-size: 13px;}
.text-gray { color: #999;}
.height {line-height: 24px;}
.bg-gray{background-color:#eee;}
.bg-main{background-color:#1d5e5d;}
.size14{font-size:14px;}
.size20{font-size:20px;}
.form-inline{display:inline-block;}
.form-inline .input{width: auto; display: inline-block;}
.bg-green-light{background-color:#6dbc62;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #666;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:  #666;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:  #666;
}


.container-fluid{margin:0 auto;}

/*布局*/
.container-fluid{width: 100%;max-width: 1300px;margin: 0 auto;}

@media screen and (max-width:1600px){
    .container-fluid{width: 100%;max-width: 1200px;margin: 0 auto;}
}

@media screen and (max-width:1400px){
    .container-fluid{width: 100%;max-width: 1100px;margin: 0 auto;}
}

@media screen and (max-width:1280px){
    .container-fluid{width: 100%;max-width: 1000px;margin: 0 auto;}
}

@media screen and (max-width:1024px){
    .container-fluid{width: 100%;max-width:820px;margin: 0 auto;}
}

@media screen and (max-width:840px){/*小于840px*/
    .container-fluid{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
}




.row{margin-left:-15px;margin-right:-15px;}
.row:before,.row:after{content:""; display:table;}
.row:after{clear:both;}
.row{*zoom:1;/*IE/7/6*/}
.col{float:left;position:relative;min-height:1px;padding-right: 15px;padding-left: 15px;}
.col-1-2{width:50%}/*分成2列 占1列 */
.col-1-3{width:33.3333333%}/*分成3列 占1列 */
.col-1-4{width:25%}
.col-1-5{width:20%}
.col-1-6{width:16.6666666%}
.col-1-7{width:14.2857142%}
.col-1-12{width:8.3333333%}
.col-2-3{width:66.6666666%}/*分成3列 占2列 */
.col-2-5{width:40%}/*分成5列 占2列 */
.col-2-7{width:28.5714285%}
.col-3-4{width:75%}
.col-4-5{width:80%}
.col-3-7{width:42.8571429%}
.col-4-7{width:57.1428571%}
.col-5-7{width:71.4285714%}
.col-6-7{width:85.7142857%}



/*导航*/
.float-right{float: right !important;}
.navbar{width:100%;position:relative;box-shadow: 0 0 4px rgba(0,0,0,.3);z-index:20;background-color:#fff;}
.navbar>.container-fluid{width:90%;max-width:90%;}
.submenu{display:none;position:absolute;z-index:5; left:50%;right:0;margin-top:-2px;;transform:translateX(-50%);top:100%; width:150%;box-shadow: 0 3px 5px rgba(0,0,0,.2);background-color:#fff;}
.navCon .logo-con{float:left;margin-right:20px;padding:10px 0}
.navCon .logo-con img{width:130px;height:auto;}
.nav ul{display:flex;}
.nav ul li{padding:0 20px;text-align:center;position:relative;}
.nav>ul>li>a{display: block; position:relative;padding:25px 0;font-weight: 600;outline: none;transition:all 0.5s;color:#3c3c3c;}
.nav>ul>li>a:hover{text-decoration:none;}
.nav>ul>li>a:after{position: absolute;content: "";z-index:22; width:0; height:3px; bottom: -1px; left:50%; background:#6dbc62; transition:all 0.5s;}
.nav>ul>li:hover a:after{width:100%;left:0}
.nav>ul>li:hover .submenu{display:block;text-align:center}
.navbar .col{position:static!important}
.nav li.multicolumn {position: static !important;}
.submenu dl{margin:0;padding:10px;font-size:15px;}
.submenu dl dt{font-weight:bold;margin:10px 0;position:relative}
.submenu dl dt.margin-big-top{margin-top:20px;}
.submenu dl dt,.submenu dl dt a{color:#1d5e5d}
.submenu dl dt a:hover{text-decoration:underline;}
.submenu dl dd{margin:20px 0;}
.submenu dl dd a{color:#3c3c3c}
.submenu dl dd a:hover{text-decoration:underline;color:#6dbc61;}
.nav li.multicolumn .submenu{width:100%;border-top:1px solid #ddd;}
.nav li.multicolumn .submenu dl{text-align:left;padding:10px 10px 0 10px;}
.nav li.multicolumn .submenu dl dd{margin:10px 0;}
.nav li.multicolumn .submenu dl dd a{position:relative;}
.fixed-top{position:fixed;animation: fadeInDown 0.5s ease-in-out;}
.icon-goods{position: absolute;top:-5px;left:100%;margin-left:5px; width:20px;height:20px;display: inline-block;background: url(../images/icon-good.svg) no-repeat 0 0;background-size:20px;}
.item-s1:before{background: url(../images/nav-service-icon5.png) no-repeat center center;}
.item-s2:before{background: url(../images/nav-service-icon1.png) no-repeat center center;}
.item-s3:before{background: url(../images/nav-service-icon2.png) no-repeat center center;}
.item-s4:before{background: url(../images/nav-service-icon3.png) no-repeat center center;}
.item-s5:before{background: url(../images/nav-service-icon5.png) no-repeat center center;}
.item-s6:before{background: url(../images/nav-service-icon6.png) no-repeat center center;}
.item-s7:before{background: url(../images/nav-service-icon7.png) no-repeat center center;}
.item-s8:before{background: url(../images/nav-service-icon8.png) no-repeat center center;}
.item-s9:before{background: url(../images/nav-service-icon9.png) no-repeat center center;}
.item-s10:before{background: url(../images/nav-products-icon1.png) no-repeat center center;}
.item-s11:before{background: url(../images/nav-products-icon2.png) no-repeat center center;}
.item-s12:before{background: url(../images/nav-products-icon3.png) no-repeat center center;}
.item-s13:before{background: url(../images/nav-products-icon4.png) no-repeat center center;}
.item-s14:before{background: url(../images/nav-products-icon5.png) no-repeat center center;}
.item-s15:before{background: url(../images/nav-products-icon6.png) no-repeat center center;}
.item-s:before{content:'';display:inline-block;position:absolute;left:-30px;top:-2px; width:20px;height:20px;padding:2px;background-color:#185e5e;border-radius:100%;background-size:16px;}




.searcnCon{display:flex;justify-content: right;padding:15px 0}
.search{width:50%;margin-right:20px;}
.input-group { border-collapse: separate; display: table; position: relative;width: 100%;}
.search-input {border: 1px solid #ccc;overflow: hidden;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.search-input > input{width: 100%;float: left;border: 0;padding: 0 8px;line-height: 1.6;height:40px;border-radius: 0;font-size:14px;color:#666}
.search-input > input:focus{outline:none;}
.search .search-ico{background: url(../images/search-btn.svg) no-repeat;display: inline-block; height: 18px; width: 18px; margin:6px 0;}

.button{border-radius: 4px;padding: 6px 15px;margin: 0;display: inline-block;line-height: 20px;transition: all .5s;background-color:#1d5e5d;border:none;cursor:pointer;color:#fff;}
.button.searchBtn{border-top-left-radius:0;border-bottom-left-radius:0;height:42px;}
.quick-link{display:flex;align-items: center;}
.quick-link a{color:#3c3c3c;}
.quick-link a:hover{text-decoration:none;color:inherit}
.quick-link .lang,.quick-link .login{position:relative;}
.quick-link .lang .dropdown-toggle{padding: 10px;display:flex;align-items:center;}
.quick-link .lang .pointer,.quick-link .login .pointer{height:5px;width:10px;background:url(../images/icons-r1.svg) no-repeat -10px -8px;display:inline-block;vertical-align:middle;line-height:0}
.quick-link .lang .active.dropdown-toggle .pointer,.quick-link .login .active.dropdown-toggle .pointer{background-position:-10px -20px}
.quick-link .user-name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:50px;}
.dropdown-menu{display:none}
.dropdown-menu.active{display:block;}
.language-menu,.login-menu{position:absolute;z-index:600;background-color:#fff; width:100%;border-radius:4px;box-shadow:0 3px 5px rgba(0,0,0,.2);border:1px solid #ddd;text-align:center;padding:10px 0;top:100%}
.language-menu a,.login-menu a{display:block; margin-bottom:15px;font-size:14px;}
.language-menu a:last-child,.login-menu a:last-child{margin-bottom:0;}

.quick-link .lang .dropdown-toggle:before{content:'';height:18px;width:18px;background:url(../images/icons-r1.svg) no-repeat -70px -8px;display:inline-block;vertical-align:middle;margin-right:5px;}
.quick-link .login .login-name{padding: 10px;display:flex;align-items:center}
.quick-link .login .login-name:before{content:'';height:18px;width:18px;background:url(../images/icons-r1.svg) no-repeat -40px -8px;display:inline-block;vertical-align:middle;margin-right:5px;}
.drop-down-sign{display:flex;}
.drop-down-sign .item { flex: 1; text-align: center; padding: 0 10px;}
.drop-down-sign .item:nth-child(1) {border-right: 1px solid #999;}
.drop-down-sign .item p{margin-top:0;line-height:1;}
.drop-down-sign .btn{display:inline-block;padding:6px 20px;color:#fff;}
.drop-down-sign .btn:hover{color:#fff;}
.login-menu{width:340px;right:-200%;}
.drop-down-sign .inBox{text-align:left;padding:0 10px;}
.drop-down-sign .inBox .text{color:#999;font-size:14px;}
.quick-link .call span{padding:10px;}
.quick-link .call span:before{content:'';height:18px;width:18px;background:url(../images/icons-r1.svg) no-repeat -100px -8px;display:inline-block;vertical-align:middle;margin-right:5px;margin-bottom:3px;}

.popup-wrap{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999999999999999999999;}
.popup-con{display: none;background:#fff;clear: both;position: absolute;width: auto;box-shadow:0 3px 8px rgba(0,0,0,0.125);z-index: 1000000001;top: 50%;left: 50%;transform:translate(-50%,-50%);border-radius:10px;min-height:600px;min-width:460px;}
.popup-border{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);border-radius: 10px;min-height: 600px;min-width: 460px;padding: 10px;box-sizing: content-box;background-color: rgba(0,0,0,0.3);
z-index: 1000000000;}
.popup-con .popup-head{position:relative;}
.popup-con .popup-head a{position:absolute;top:-50px;right:-50px;text-align:center;}
.popup-con .popup-head a:hover{text-decoration: none;color: inherit}
.popup-con .popup-head a:after{content: '\00d7';display:inline-block; font-size:40px;font-weight: 500;width:40px;height:40px;background:rgb(255,255,255,.1);border-radius:100%;line-height: 36px;color:#fff;}
.popup-con .popup-body{padding: 20px 50px;}
.popup-con .popup-body ul li{margin-bottom:15px;}
.popup-con .popup-body ul li:before,.popup-con .popup-body ul li:after{display:table;content:" "}
.popup-con .popup-body ul li:after{clear:both}
.popup-con .popup-body ul li .field-name{display: inline-block;float: left; width: 25%;text-align: right}
.popup-con .popup-body ul li .field-in{float: left;width:75%;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input::-ms-clear{display:none;}
.popup-con .popup-body ul li .field-in input,
.popup-con .popup-body ul li .field-in textarea{width: auto; padding: 6px; border-radius: 3px;border:1px solid #ccc;transition: all 0.3s ease 0s}
.popup-con .popup-body ul li .field-in textarea{width: 250px}
.popup-con .popup-body ul li .field-in input:focus,
.popup-con .popup-body ul li .field-in textarea:focus{border-color:#5e8a60}
.popup-con .popup-body ul li .field-in span{color: red}
.popup-con .popup-foot{margin:0 0 20px 0;}
.popup-con .popup-foot .popup-submit{border: none;font-size: 14px;margin-left: 25%}
.black-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:black;z-index:1000000000;opacity:.50;filter:alpha(opacity=50)}
.login-logo{padding:20px;margin-bottom:10px;}
/*.login-logo img{width:150px}*/

.login-tab-body .tab-panel{display:none;}
.login-tab-body .tab-panel.active{display:block;}
.popup-con .login-tab-head .tab-nav li{display:inline-block;margin-right:20px;padding:10px 5px;margin-bottom:0}
.login-tab-head .tab-nav li:last-child{margin-right:0;}
.login-tab-head .tab-nav li.on{color:#1d5e5d;border-bottom:3px solid #1d5e5d;}
.login-in .code-img {width: 200px; height: 200px; margin: 0 auto; margin-top: 50px; border: 2px solid #1d5e5d;  padding: 20px; border-radius: 5px; position: relative;}
.login-in .code {width: 100%;height: 100%;}
.login-in .wx-tips {text-align: center; font-size: 18px; margin-top: 30px;}
.login-form{margin-top:50px;}
.login-form .input-wrap { position: relative; margin-bottom:30px; }
.login-in input {width: 100%; margin: 0 auto;background: #F0F0F0;border: 1px solid #bebebe;height: 40px; box-sizing: border-box; line-height: 40px; padding: 0 10px;padding-left: 40px; border-radius: 5px;transition: all .5s;font-size:14px;}
.input-wrap label {width: 40px; height: 40px; line-height: 40px; margin-right: 0; padding-top: 0px; display: inline-block; position: absolute;text-align: center; left: 1px;  top: 1px; outline: 0;}
.input-wrap label .icon{display:inline-block;width:24px;height:40px;}
.input-wrap label .icon.icon-user{background:url(../images/icon-user.png) no-repeat center center;background-size:20px;}
.input-wrap label .icon.icon-password{background:url(../images/icon-password.png) no-repeat center center;background-size:24px;}
.input-wrap label .icon.icon-mobile{background:url(../images/icon-mobile.png) no-repeat center center;background-size:24px;}
.input-wrap label .icon.icon-code{background:url(../images/icon-code.png) no-repeat center center;background-size:24px;}

.login-in input:focus{border-color:#1d5e5d;}
.login-related{display:flex;justify-content:space-between;}
.login-btn{margin:40px 0;}
.login-btn .btn{display:block;width:100%;}
.get-code {background-color: #1d5e5d;color:#fff; height: 40px;line-height:38px;text-align: center;border: 1px solid #1d5e5d;border-left: 0;border-top-right-radius:5px;border-bottom-right-radius:5px; font-size: 13px;width: 110px;}
.login-in input.get-code{background-color: #1d5e5d;color:#fff; height: 40px;line-height:38px;text-align: center;border: 1px solid #1d5e5d;border-left: 0;border-top-right-radius:5px;border-bottom-right-radius:5px; font-size: 13px;width: 110px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
input.log-code{border-top-right-radius:0;border-bottom-right-radius:0;}


@media screen and (max-width:1919px){
	.navbar .col-4-7{width:55%}	
	.navbar .col-3-7{width:45%}	
}
@media screen and (max-width:1800px){
	/*.quick-link .call{display:none;}*/
	.navbar{padding-top:30px;}
	.quick-link{position: absolute;top: 0;}
	.search{width:100%;margin-right:0;}
	.login-menu{right:0;}
}
@media screen and (max-width:1700px){
	.navbar .col-4-7{width:65%}	
	.navbar .col-3-7{width:35%}	
}
@media screen and (max-width:1440px){
	.nav ul li{padding:0 20px;}	
}
@media screen and (max-width:1350px){
	.navbar{padding-top:30px;}
	.nav ul li{padding:0 20px;}	
	
	
}
@media screen and (max-width:1230px){
	.navbar .col-4-7,.navbar .col-3-7{width:100%;}
	.quick-link{top:15px;}
	.navbar{padding-top:0;}
	.submenu{z-index:6; top:auto;background-color:#fff;}
}
@media screen and (max-width:1000px){
	.navbar{box-shadow:none;}
	.navbar > .container-fluid{width:100%;max-width:100%;padding-right: 15px;padding-left: 15px;}
	.navbar .col-4-7{border-bottom: 1px solid #ddd;}
	.navCon .logo-con img{width:100px;}
	.navbar-head{display:inline-block;float:right;margin-top:5px;position:relative;z-index:560;}
	#full{display:none;position:fixed;left:0;top:0;z-index:500;background-color:#000;opacity:.5;width:100%;height:100%}
	.opening #full{display:block}
	.nav{display: block;position: fixed;top: 0;right: 0;bottom: 0;min-width: 140px;max-width: 440px;width: 440px;transform: translateX(100%);transition: transform .4s ease;background-color: #fff;z-index: 555;padding-top: 50px;}
	.nav.current{overflow-y: scroll;-webkit-overflow-scrolling: touch;transform: translateX(0);padding:50px 20px 0 20px}
	.nav{width: calc(100% - 40px);}
	.nav>ul{flex-wrap:wrap;}
	.nav>ul>li{width:100%;text-align:left;border-bottom:1px solid #ddd;position:relative!important;}
	.nav li.multicolumn{position:relative!important}
	.nav>ul>li:hover .submenu{display:none;text-align:left}
	.nav > ul > li > a{padding: 20px 50px 20px 0;}
	.nav>ul>li>a:after{display:none;}
	.menu-toggle{height:40px;width:40px;padding:5px;cursor:pointer;text-align:center}
	.menu-toggle.open{}
	div.x,div.y,div.z{position:absolute;top:0;bottom:0;background:#999;border-radius:2px;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out}
	div.x,div.y,div.z{height:3px;width:30px;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}
	div.y.squize{width:0;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}
	div.x{top:9px}
	div.y{top:18px}
	div.z{top:27px}
	div.open div.x,div.open div.z{top:19px;-webkit-transition:all 70ms ease-out;-moz-transition:all 70ms ease-out;-ms-transition:all 70ms ease-out;-o-transition:all 70ms ease-out;transition:all 70ms ease-out}
	div.rotate30{background:#999;-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-transition:all 70ms ease-out;-moz-transition:all 70ms ease-out;-ms-transition:all 70ms ease-out;-o-transition:all 70ms ease-out;transition:all 70ms ease-out}
	div.rotate150{background:#999;-ms-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-transition:all 70ms ease-out;-moz-transition:all 70ms ease-out;-ms-transition:all 70ms ease-out;-o-transition:all 70ms ease-out;transition:all 70ms ease-out}
	div.rotate45{background:#999;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}
	div.rotate135{background:#999;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-ms-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}
	.mm-hasmenu{position:absolute;display:block;right:0;width:50px}
	.mm-hasmenu{z-index:9;height:auto;line-height:normal;padding:30px 0}
	.mm-hasmenu:after{content: '';display: block;margin: auto;position: absolute;bottom: auto;transform: rotate(45deg);right: 19px;border:2px solid #333;border-top:0;border-left:none;height:12px;width:12px;top:24px}
	.mm-hasmenu.up:after{transform: rotate(-135deg);top:24px}
	.submenu{position:relative;box-shadow:none;left:0;transform: none;width:100%;}
	.col-1-1s{width:100%}
	.quick-link{right:60px;top:5px;}
	.navbar .col{}
	.submenu dl{padding:10px 0;}
	.nav li.multicolumn .submenu dl{padding:10px 15px;}
	.searcnCon{flex-wrap:wrap;}
	.quick-link .lang .dropdown-toggle:before{margin-right:3px}
	.quick-link .lang .pointer, .quick-link .login .pointer{margin-left:0;}
	.quick-link .lang .dropdown-toggle{padding:5px;}
	.navbar .col-3-7{background-color:#eee;}
	.login-menu{width:240px;right:0;}
	.drop-down-sign{flex-wrap:wrap;}
	.drop-down-sign .item{flex:auto; width:100%;padding:10px;}
	.drop-down-sign .item:nth-child(1){border-bottom: 1px solid #999;border-right:none;}
	
}



/*banner*/
.swiper-pagination-bullet{width:12px;height:12px;}
.swiper-pagination-bullet-active{background:#1d5e5d;}
.banner img{max-width:100%;height:auto;}

.usp{padding:30px 0;box-shadow: 0 3px 5px 0 rgba(33,49,70,.2);}
.quick-category{display:flex;}
.quick-category .icon{background:url(../images/qca-icon.svg) no-repeat -10px -10px;display:inline-block;vertical-align:middle;width:60px;height:60px; transition: all .5s;}
.quick-category .icon-qca-1{background-position:-4px -5px;}
.quick-category .icon-qca-2{background-position:-85px -5px;}
.quick-category .icon-qca-3{background-position:-175px -5px;}
.quick-category .icon-qca-4{background-position:-340px -5px;}
.quick-category .icon-qca-5{background-position:-263px -5px;}
.quick-category .icon-qca-6{background-position:-424px -9px;}
.quick-category li{text-align:center;width:20%;}
.quick-category li span{display:block;margin-top:10px;}
.quick-category li a{display:inline-block; transition: all .5s;color:#3c3c3c;}
.quick-category li a:hover{text-decoration:none;}
.quick-category li a:hover .icon{background-color:#1d5e5d;border-radius:100px;}
.quick-category li a:hover .icon-qca-1{background-position:-4px -95px;}
.quick-category li a:hover .icon-qca-2{background-position:-85px -95px;}
.quick-category li a:hover .icon-qca-3{background-position:-175px -95px;}
.quick-category li a:hover .icon-qca-4{background-position:-340px -95px;}
.quick-category li a:hover .icon-qca-5{background-position:-263px -90px;}
.quick-category li a:hover .icon-qca-6{background-position:-424px -94px;}

@media screen and (max-width:800px){
	.quick-category{flex-wrap:wrap;}
	.quick-category li{width:25%;margin-bottom:20px;}
}


/*首页主体*/
.section{padding:80px 0;}
.s-head{text-align:center;padding-bottom:30px;}
.s-head .title{font-size:36px;font-weight:400;}
.s-head .title:after{content: "";display:block;margin-left:50%;transform:translateX(-50%);width:100px; height:5px;background:#6dbc62;margin-top:20px;margin-bottom:20px;}
.s-head .title-en{font-size:20px;font-weight:400;color:#666;margin:10px 0;}
.s-head .describe{color:#999;margin:10px 0;}

.service-box{background-color:#fff;position:relative;z-index:0;}
.service-content{margin:0 -15px;padding:0}
.service-item{display:block;padding:15px;float:left;width:25%;}
.service-content .service-item{transition:all 0.5s}
.service-item .item-in{height:300px;text-align:center;padding:15px; overflow:hidden;position:relative;background-image: url(../images/home-service-bg2.jpg);background-position:center center;background-size: cover;background-repeat: no-repeat;background-color: #cccbc6; z-index:2;}
.service-item .item-in:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(255,255,255,.5);z-index:0;transition:all .5s;}
.service-item .item-in .info{position:relative;z-index:5;height:260px;overflow:hidden;}
.service-item .item-in .info a{}
.service-item.item-1 .item-in{background-image: url(../images/home-service-bg8.jpg);}
.service-item.item-1  .item-in:after{background: rgba(255,255,255,.5);}
.service-item.item-2 .item-in{background-image: url(../images/home-service-bg2.jpg);}
.service-item.item-2  .item-in:after{background: rgba(255,255,255,.5);}
.service-item.item-3 .item-in{background-image: url(../images/home-service-bg1.jpg);}
.service-item.item-4 .item-in{background-image: url(../images/home-service-bg6.jpg);}
.service-item.item-4  .item-in:after{background: rgba(255,255,255,.5);}
.service-item.item-5 .item-in{background-image: url(../images/home-service-bg8.jpg);}
.service-item.item-5  .item-in:after{background: rgba(255,255,255,.5);}
.service-item.item-6 .item-in{background-image: url(../images/home-service-bg5.jpg);}
.service-item.item-7 .item-in{background-image: url(../images/home-service-bg3.jpg);}
.service-item.item-7  .item-in:after{background: rgba(255,255,255,.5);}
.service-item.item-8 .item-in{background-image: url(../images/home-service-bg7.jpg);}
.service-item .item-in:hover:after {background: rgba(29,94,93,1);}

.item-in a{color:#3c3c3c;}
.item-in a:hover{text-decoration:underline;color:#6dbc62;}
.item-image{display:inline-block;height:100px;text-align:center;border:3px solid transparent;margin:0;border-radius:100%;transition:all 0.5s}
.item-image img{width:100%;height:100%;display:block;border:none}
.item-title{font-size:16px;padding:10px 0;font-weight:600;}
.item-link{margin:0 auto;transition:all 0.5s;display:flex;flex-wrap:wrap;font-size:15px;text-align:left;}
.item-link li{width:46%;margin:5px 2%;list-style:circle;list-style-position:inside; color:#3c3c3c;border-bottom:1px dotted #3c3c3c;padding-bottom:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.link-h{display:none;text-align:center;position:absolute;bottom:0;width:100%;transition:all 0.3s}
.link-h .button{background-color:transparent;border:1px solid #fff;display:block;width:70%;margin:0 auto;transition:all .3s;}
.link-h .button:hover{text-decoration:none;background-color:#6dbc62;border:none;}
.item-in:hover{border-color:#DEDDDD;padding-top:15px;position:relative;z-index:99;text-decoration:none;box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.item-in:hover .link-h{display:block;bottom:10px;}
.item-in:hover .item-title{padding:10px 0 7px}
.service-item .item-in:hover .item-link li{color:#fff;border-bottom:1px dotted #fff;}
.service-item .item-in:hover a{color:#fff;}
.service-item .item-in:hover .item-image{height:40px}
.item-topic .item-image span{display:inline-block;height:100px;width:100px;}
.service-item .item-in:hover .item-topic .item-image span{display:inline-block;height:30px;width:30px;background-color:#fff;}
.item-topic .item-image .icon-1{background: url("../images/home-service-icon005-1.png") no-repeat;background-size: cover;}
.service-item .item-in:hover .item-topic .item-image .icon-1{background: url("../images/home-service-icon005-2.png") no-repeat;background-size: cover;}
.item-topic .item-image .icon-2{background: url("../images/home-service-icon001-1.png") no-repeat;background-size: cover;}
.service-item .item-in:hover .item-topic .item-image .icon-2{background: url("../images/home-service-icon001-2.png") no-repeat;background-size: cover;}
.item-topic .item-image .icon-3{background: url("../images/home-service-icon002-1.png") no-repeat;background-size: cover;}
.service-item .item-in:hover .item-topic .item-image .icon-3{background: url("../images/home-service-icon002-2.png") no-repeat;background-size: cover;}
.item-topic .item-image .icon-4{background: url("../images/home-service-icon003-1.png") no-repeat;background-size: cover;}
.service-item .item-in:hover .item-topic .item-image .icon-4{background: url("../images/home-service-icon003-2.png") no-repeat;background-size: cover;}
.item-topic .item-image .icon-5{background: url("../images/home-service-icon005-1.png") no-repeat;background-size: cover;}
.service-item .item-in:hover .item-topic .item-image .icon-5{background: url("../images/home-service-icon005-2.png") no-repeat;background-size: cover;}
.item-topic .item-image .icon-6{background: url("../images/home-service-icon006-1.png") no-repeat;background-size: cover;}
.service-item .item-in:hover .item-topic .item-image .icon-6{background: url("../images/home-service-icon006-2.png") no-repeat;background-size: cover;}
.item-topic .item-image .icon-7{background: url("../images/home-service-icon007-1.png") no-repeat;background-size: cover;}
.service-item .item-in:hover .item-topic .item-image .icon-7{background: url("../images/home-service-icon007-2.png") no-repeat;background-size: cover;}
.item-topic .item-image .icon-8{background: url("../images/home-service-icon008-1.png") no-repeat;background-size: cover;}
.service-item .item-in:hover .item-topic .item-image .icon-8{background: url("../images/home-service-icon008-2.png") no-repeat;background-size: cover;}



.service-item .item-in:hover .item-topic .item-image{margin-right:5px;}
.service-item .item-in:hover .item-topic{display:flex;justify-content:center;}
.service-item .item-in:hover .item-topic .item-title{padding:6px 0;}
.service-item .item-in:hover .info{height:100%;}




.big-bg001{background-color:#f6f6f6;background-image: url("../images/s_bg1.png");background-position: top center;background-repeat: no-repeat;background-size: cover;}
.layer-mask{width:100%;height:100%;opacity:0.7;transition:all 0.5s;background-color:#3e3e3e;position:absolute;left:0;top:0;right:0}
.research{position:relative;}
.research .swiper-container .swiper-slide-active .layer-mask{display:none}
.research .swiper-container .swiper-slide{transform: scale(0.85);margin-top: 70px;margin-bottom: 70px;transition: transform 1.0s;}
.research .swiper-container .swiper-slide-active, .research .swiper-slide-duplicate-active{transform: scale(1.15);z-index: 1002;}
.research .swiper-container .swiper-slide img {width: 100%;border-radius: 5px; display: block; height: 100%;border: none;}
.research .button {width: 100%; margin: 0 auto;padding:0}
.research .swiper-slide a{text-align:center;}
.research .swiper-slide a .text{position:absolute;top:50%;left:50%; transform:translate(-50%,-50%)}
.research .swiper-slide a .text .title{color:#fff;font-weight: 600;font-size:24px;margin:10px 0;text-shadow: 0 2px 3px rgba(0,0,0,.3);}
.research .swiper-slide a .text .info{color:#fff;margin:10px 0;text-shadow: 0 2px 3px rgba(0,0,0,.3);}
.research .swiper-button-prev, .research .swiper-container-rtl .swiper-button-next{left:-70px;width: 50px;height: 50px;border-radius: 50%;background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;opacity: 0.5;background-size: 15px;cursor: pointer;}
.research .swiper-button-next, .research .swiper-container-rtl .swiper-button-prev{right:-70px;width:50px;height:50px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;opacity:0.5;background-size:15px;cursor:pointer}
.research .button div:hover{background-color:#333;opacity:0.8;cursor:pointer}

.research-list ul{margin:0 -15px;display:flex;}
.research-list ul li{margin:0 15px; border:1px solid #ddd;border-radius:4px;background-color:#fff;width:14.285%;text-align:center; transition: all .3s;}
.research-list ul li a{display:block;position: relative;top: 50%;transform: translateY(-50%);color:#3c3c3c;padding: 15px 10px;}
.research-list ul li:hover{background-color:#1d5e5d;color:#fff; transform: scale(1.1);box-shadow:0 5px 10px rgba(0,0,0,0.2);border:none;}
.research-list ul li:hover a{color:#fff;text-decoration:none;}

.honor-scroll{position:relative;}
.honor-scroll .swiper-container{padding:10px 0}
.honor-scroll .swiper-wrapper{display:flex;}
.honor-scroll .swiper-wrapper .swiper-slide{height:auto;}
.honor-scroll .item{height:100%;transition:all .5s ease;background-color:#fff;}
.honor-scroll .item:hover{height:100%;transform:translateY(-6px); box-shadow:0 14px 36px rgba(0,0,0,.2)}
.honor-scroll .item .pic{margin-bottom:10px;text-align:center;}
.honor-scroll .item .pic img{max-width:100%;height:auto;}
.honor-scroll .item .text{text-align:center;line-height:1.65;padding:0 10px 10px 10px;}
.honor-scroll .swiper-pagination{position:relative;margin-top:30px;}
.honor-scroll .button {width: 100%; margin: 0 auto;padding:0}
.honor-scroll .swiper-button-prev{left:-70px;width: 50px;height: 50px;border-radius: 50%;transform: translateY(-50%);background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;opacity: 0.5;background-size: 15px;cursor: pointer;}
.honor-scroll .swiper-button-next{right:-70px;width: 50px;height: 50px;border-radius: 50%;transform: translateY(-50%);background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;opacity:0.5;background-size:15px;cursor:pointer}
.honor-scroll .swiper-button-prev.swiper-button-disabled,.honor-scroll .swiper-button-next.swiper-button-disabled{cursor:default;opacity:0.3;}


.elisa-pdts-scroll{position:relative;}
.elisa-pdts-scroll .swiper-container{padding:10px 0}
.elisa-pdts-scroll .swiper-wrapper{display:flex;}
.elisa-pdts-scroll .swiper-wrapper .swiper-slide{height:auto;}
.elisa-pdts-scroll .item{display:flex;flex-direction:column; height:100%;transition:all .5s ease;background-color:#fff;}
.elisa-pdts-scroll .item:hover{height:100%;transform:translateY(-6px); box-shadow:0 14px 36px rgba(0,0,0,.2)}
.elisa-pdts-scroll .item .pic{text-align:center;padding:10px;}
.elisa-pdts-scroll .item .pic img{max-width:100%;height:auto;}
.elisa-pdts-scroll .item .text{padding:0 10px 10px 10px;display: flex;flex-direction: column;height: 100%;}
.elisa-pdts-scroll .item .text .title{font-weight:600;flex: 1 1 auto;}
.elisa-pdts-scroll .item .dtn-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0 10px 0;}
.elisa-pdts-scroll .item .dtn-box a{font-size: 12px;border-radius: 50px;display: inline-block;padding:3px 10px;border: 1px solid #6dbc62;color: #6dbc62;transition:all .3s ease;}
.elisa-pdts-scroll .item .dtn-box a:hover{background-color:#6dbc62;color:#fff;text-decoration:none;}
.elisa-pdts-scroll .swiper-pagination {position: relative; margin-top: 30px;}
.elisa-pdts-scroll .button {width: 100%;margin: 0 auto; padding: 0;}
.elisa-pdts-scroll .swiper-button-prev, .elisa-pdts-scroll .swiper-container-rtl .swiper-button-next{left:-70px;width: 50px;height: 50px;border-radius: 50%;background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;opacity: 0.5;background-size: 15px;cursor: pointer;}
.elisa-pdts-scroll .swiper-button-next, .elisa-pdts-scroll .swiper-container-rtl .swiper-button-prev{right:-70px;width:50px;height:50px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;opacity:0.5;background-size:15px;cursor:pointer}
.elisa-pdts-scroll .button div:hover{background-color:#333;opacity:0.8;cursor:pointer}
.elisa-pdts-scroll .swiper-button-next, .elisa-pdts-scroll .swiper-button-prev{top:40%;}
.elisa-pdts-scroll .swiper-button-next.swiper-button-disabled, .elisa-pdts-scroll .swiper-button-prev.swiper-button-disabled{opacity:0.2;}


.home-about{margin:30px 0;}
.home-about .item{margin-bottom:50px;}
.home-about .item .intro{overflow:hidden;position:relative;margin-bottom:50px;}
.home-about .item .intro .img-con{float:left;margin-right:30px;width:30%;}
.home-about .item .intro .img-con img{max-width:100%;height:auto;}
.home-about .item .intro .text{overflow:hidden;}
.home-about .item .intro .text-in{}
.home-about .item .intro .text p:nth-child(1){margin-top:0;}
.home-about .item .moreLink{margin-top:20px;}
.home-about .item .moreLink .btn:hover{color:#fff;}
.home-about .swiper-pagination{display:flex;justify-content:space-between; position:relative;margin-top:30px;}
.home-about .swiper-pagination-bullet{display:inline-block; width:100%;height:auto;border-radius:5px;padding:10px 0;color:#333;opacity:1;background-color:#ccc;}
.home-about .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#1d5e5d;color:#fff;}
.home-about-list{margin-top:30px;}
.home-about-list ul{display:flex;flex-wrap:wrap;margin:0 -15px;}
.home-about-list ul li{width:20%;padding:0 15px}
.home-about-list ul li a{display: block;border: 1px solid #ddd;border-radius: 4px;padding: 10px 0;background-color: #fff;transition: all .3s;text-decoration: none;color: #3c3c3c;text-align:center;}
.home-about-list ul li a:hover{background-color:#1d5e5d;color:#fff; transform: scale(1.1);box-shadow:0 5px 10px rgba(0,0,0,0.2);border:none;}
.text-bold {font-weight: 600;}
.text-center {text-align: center;}
.size32 {font-size: 32px;}

.numList{margin-top:80px;}
.numList ul{display:flex;margin:0 -20px;}
.numList ul li{width:25%;margin:0 20px;text-align:center;}
.numList ul li .num{font-size:30px;font-weight: 600;margin-bottom:10px;color:#1d5e5d;}
.numList ul li p{margin-bottom: 20px;}
.numList ul li:after{content:'';display:inline-block;width:60px;height:60px;border: 4px solid #5a6e7f;padding: 20px;border-radius: 100%;}
.numList ul li:nth-child(1):after{background: url("../images/about-company-1.svg") no-repeat center center;background-size:70px;}
.numList ul li:nth-child(2):after{background: url("../images/about-company-2.svg") no-repeat center center;background-size:70px;}
.numList ul li:nth-child(3):after{background: url("../images/about-company-3.svg") no-repeat center center;background-size:70px;}
.numList ul li:nth-child(4):after{background: url("../images/about-company-4.svg") no-repeat center center;background-size:70px;}


footer{background-color:#1d5e5d;padding:75px 0 20px 0;color:#b5c6c1;}
footer a{color:#b5c6c1;}
footer a:hover{text-decoration:underline;color:inherit;}
.foot{margin-bottom:40px;}
.foot .foot-link{display:flex}
.foot .foot-link .item{width:50%;}
.foot .foot-link .item dl dt{font-weight:600;margin-bottom:20px;color:#fff;}
.foot .foot-link .item dl dd{margin:0 0 15px 0;padding:0}
.foot .foot-link .item dl dd a{color: #b5c6c1;font-size:15px;}
.foot .foot-link-line .item{width:100%;}
.foot .foot-link-line .item dl dd a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.foot .foot-link-line .item dl{margin-bottom:20px;}
.foot .foot-link-line .item dl dt{margin-bottom:15px;}
.foot .foot-contact{font-size:15px;}
.foot .foot-contact .codeCon{display:flex;margin-top:30px;}
.foot .foot-contact .codeCon>div{text-align:center;margin-right:15px;}
.foot .foot-contact .codeCon>div:last-child{margin-right:0}
.foot .foot-contact .codeCon>div>img{width: 110px;height: auto;padding: 5px;background-color: #fff;}
.foot .foot-contact .item {margin-bottom:15px;}
.foot .foot-contact .item p:before{content:''; display: inline-block;vertical-align:middle; margin-right: 5px;background: url(../images/foot-contact-icon.svg) no-repeat;width: 20px;height: 20px;}
.foot .foot-contact .item p.tel:before{background-position:0 -5px;}
.foot .foot-contact .item p.mail:before{background-position:-50px -6px;}
.foot .foot-contact .item p.addr:before{background-position:-98px -5px;}
.foot .foot-contact .codeCon p:before{display:none;background:none;}


.foot-lr .item span{font-weight:600;font-size:15px;margin-right:15px;}
.foot-lr .item-parter,.foot-lr .item-friendship{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.foot-lr .item-friendship{align-items: center;}
.foot-lr .item-parter a{display: block;margin-right:20px;}
.foot-lr .item-friendship a{display: block;margin-right:20px;font-size:13px;}


.leave-message .title{font-weight:600;margin-bottom:20px;color:#fff;}
.leave-message .item {margin-bottom: 15px;overflow:hidden;}
.leave-message .item .half-fl{width: 47%;float: left;}
.leave-message .item .half-fr {width: 47%;float: right;}
.input{padding:6px;border:solid 1px #ccc;width:100%;height:34px;line-height:20px;display:block;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;transition:all 0.5s;outline:none;}
.input:focus {border-color:#1d5e5d; transition:all .5s}
input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly] {
 cursor:not-allowed;
 background:#eee
}
input[disabled]:hover{background-color:#eee}
textarea.input {height:auto}
.leave-message .input{border:none;font-size:15px;}
.leave-message .input:focus{border-color:none;}
.leave-message .item-checkcode .half-fr {float: left;width: auto;margin-left:10px;}
.leave-message .item-checkcode .half-fr img{min-height:34px;width:auto;}
.leave-message .item .button{width:100%;}
.leave-message .item .button:hover{background-color:#6dbc62;}

.footer {border-top: 1px solid #247473;}
.footer p{text-align:center;font-size:14px;padding:15px 0;}

.button.bg-green{background-color:#6dbc62}

.float-ad{position:fixed;right:0;bottom:0;z-index:101;font-size:0}
.float-ad-box{position:relative;}
.float-ad-box .close-ad{position:absolute;top:4px;right:5px;width:24px;height:24px;line-height:22px; font-size:16px;font-weight:600; text-align:center;cursor: pointer;background-color:#fff;border-radius:100%;}
.float-ad{display:none}

.right-fixBox{position:fixed;right:0; top:80px;z-index: 100;}
.right-fixBox .backTop-con{display:none;position:relative;right:0;bottom:0;}

.right-fixBox ul{background-color: #f3f3f3;}
.right-fixBox ul li{position: relative;text-align: center; background-color: #f3f3f3;margin-bottom: 0;padding:5px;transition:all .3s;max-width:70px;}
.right-fixBox ul li img{margin:0;border-radius:3px;}
.right-fixBox .right-fixBox-code{display: none; position: absolute;top:0;padding-right:10px; transition:all .5s;cursor:default}
.right-fixBox .right-fixBox-code p{color:#7a7a7a;margin:0}
.right-fixBox .right-fixBox-code p:nth-child(1){margin-bottom:5px;font-size:13px;color:#333;}
.right-fixBox ul li:hover{cursor: pointer;background-color:#6dbc62;}
.right-fixBox ul li:hover .right-fixBox-code{right: 100%;display: block}
.right-fixBox .right-fixBox-code .in{padding:5px;width:150px;font-size:12px;background-color:#fff;border:1px solid #ddd;}
.img-hidden{display: none;}
.right-fixBox ul li:hover .img-hidden{display: inline-block;}
.right-fixBox ul li:hover .img-visible{display: none;}
.right-fixBox ul li .tip-txt { font-size: 12px; line-height: 1.5; color: #333;}
.right-fixBox ul li:hover .tip-txt{ color: #fff;}
.right-fixBox ul li a{display:block;}
.right-fixBox ul li a:hover{text-decoration:none;}
.right-fixBox .backTop-con a{display:block;text-align:center; width:auto;padding:5px;background-color:#f3f3f3;font-size:12px;color:#333;transition:all .3s;}
.right-fixBox .backTop-con a:hover{background-color:#6dbc62;color:#fff;}
.right-fixBox .backTop-con a span {display: block;height:60px;width:60px;background: url(../images/right-fixBox-backTop.png) no-repeat center center;margin-bottom:0}
.right-fixBox .backTop-con a:hover span { background: url(../images/right-fixBox-backTop2.png) no-repeat center center;}


/*service*/
.topService-con{position: relative;background-color:#dbebeb;background-image: url("../images/s_bg2.png");background-position: center center;background-repeat: no-repeat;background-size: cover;}
.topService-in{padding:50px 0 20px 0;}
.topService-in .item{display:flex;width:20%;justify-content: center;height: auto;}
.topService-in .item .in{width: 100%;background-color:rgba(255,255,255,0.3); box-shadow:0 5px 10px rgba(0,0,0,0.1);margin-bottom:30px}
.topService-in .item .title{background-color:#fff;padding:5px 10px;text-align:center;}
.topService-in .item .subtitle{padding: 10px;}
.topService-in .item .subtitle li{display:inline-block;margin:5px 10px;font-size:13px;}
.topService-in .item .subtitle li.active a{color:#6dbc62}
.topService-in a{color:#3c3c3c;}
.topService-in a:hover{text-decoration:underline;}
.topService-in .item .title.active{background-color:#6dbc62;color:#fff;}
.topService-in .item .title.active a{color:#fff;}
.topService-con .container-fluid{position:relative;}
.topService-con .swiper-button-prev{left:-50px;}
.topService-con .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231d5e5d'%2F%3E%3C%2Fsvg%3E");}
.topService-con .swiper-container:before{content:'';background:linear-gradient(to left, #ffffff, transparent);position: absolute;right:0;width:200px;top:50px;bottom:50px;z-index:5;}

.breadcrumbs{font-size:15px;padding:16px 0;background-color:#f3f3f3;}
.breadcrumbs a {display: inline-block;margin-right: 10px;font-size:15px;color:#3c3c3c;}
.breadcrumbs a:hover{color:#6dbc62;}
.breadcrumbs a:after{content:'/';display:inline-block;color:#999;margin-left:10px;}
.breadcrumbs a:first-child:before{content:'';display:inline-block; background:url(../images/breadcrumb-ico.svg)no-repeat;width:14px;height:14px;margin-right:8px;}
.breadcrumbs span{color:#7a7a7a}


.service-info{padding:30px 0;background-color: #eee;margin-top:50px;}
.service-info .img-con{padding:0 20px;}
.service-info .img-con img{max-width:100%;height:auto;}
.service-info .info{margin:20px 0;}
.service-info .info .title{font-weight:600;}
.service-info .service-info-box{padding-right:20px;}
.advantage-list{display:flex;padding:20px 0}
.advantage-list li{margin-right:20px;color:#1d5e5d;}
.advantage-list li:last-child,.orderBtn-con a:last-child{margin-right:0;}
.advantage-list li:before{content:'';display:inline-block; background:url(../images/tick-icon.svg)no-repeat;width:18px;height:18px;background-size:18px;vertical-align: middle;margin-right:5px;}
.orderBtn-con{margin-top:30px;}
.orderBtn-con a{margin-right:20px}
.orderBtn-con .icon{float:left; width:18px;height:18px;margin-right:5px;margin-top: 1px;}
.orderBtn-con .icon.icon-inquiry{background: url(../images/icon-inquiry.png)no-repeat;background-size:18px;}
.orderBtn-con .icon.icon-order{background: url(../images/icon-order.png)no-repeat;background-size:18px;}
.orderBtn-con .icon.icon-play{background: url(../images/icon-play.png)no-repeat;background-size:18px;}
.orderBtn-con-s{margin-top:0;}

.service-detail{padding:50px 0}
.page-section{padding:25px 0;}
.nav-wrap{position: relative;height: 50px;margin-bottom: 10px;}
.nav-wrap .pageNav{background-color:white}
.nav-wrap .pageNav ul{display:table;width:100%;}
.nav-wrap .pageNav li{display:table-cell;text-align:center;font-weight:bold;height:50px;line-height:50px;padding: 0 2px;}
.nav-wrap .pageNav li:first-child{padding-left:0;}
.nav-wrap .pageNav li:last-child{padding-right:0;}
.nav-wrap .pageNav li a{display:block;padding:0 20px;background-color:#eee;color:#3c3c3c;}
.nav-wrap .pageNav li a:hover{text-decoration:none;}
.pageNav li a.active{background-color:#6dbc62;color:#FFF}
.pageNav.navFix {position: fixed;box-shadow: 0 0 5px rgba(0,0,0, 0.2);z-index: 10;}
.nav-mobile{display:none;font-weight:bold;width:100%}
.click-me{width:150px;height:30px;background:#435AB8;color:white;text-align:center;line-height:30px}
.click-me a{display:block;colservice-wrapor:white}

.page-service-title h2{font-size:20px;margin:25px 0;}
.anchor-box {position: relative;}
.anchor-box .anchor{display:inline-block;position: absolute;top:-80px;}
.anchor-box2 .anchor{position: absolute;top:-20px;}

.page-service-type{display:flex;flex-wrap: wrap;margin:0 -15px;}
.page-service-type .item-type{width:20%;padding:20px 15px;}
.page-service-type .item-type .in{display: block;position:relative; background-color:#eee;padding:20px;height:100%;border-bottom-right-radius:20px;transition:all .3s;color:#3c3c3c;}
.page-service-type .item-type .in:before{content:'';display:inline-block;position:absolute;top:10px;left:10px; width:12px;height:12px;background-color:#fff;border-radius:100%;}
.page-service-type .item-type .in:hover{transform: scale(1.1);background-color:#6dbc62;color: #fff;box-shadow:0 0 10px rgb(0,0,0,0.5);text-decoration:none;}
.page-service-type .item-type .in>div{font-weight:600;margin-top:15px;text-align:center;}
.page-service-type .item-type .in img{max-width:100%;width:100%;height:auto;}
.page-service-download{width:100%;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.page-service-download td{padding:10px; width:33.333333%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.page-service-download td a{color:#1d5e5d}
.page-service-download td a:hover{text-decoration:underline;color:#6dbc62}
.page-service-download td a:before{content:'';display:inline-block; background:url(../images/download-icon.png)no-repeat;width:18px;height:18px;background-size:18px;margin-right:10px;}
.page-service-download td a:hover:before{background:url(../images/download-icon-hover.png)no-repeat;width:18px;height:18px;background-size:18px;}
.page-service-download tr:nth-child(2n) {background-color: #eee;}
.page-service-download tr:nth-child(2n+1) {background-color: #fff;}

.page-service-contact .item .title{font-weight:600;margin-bottom:20px;}
.form-group,.form-group-inline .field{padding-bottom:10px;overflow:hidden;}
.label {float:left; padding-bottom: 7px;line-height: 20px;}
.field {position: relative;}
.form-group em{font-style:normal;color:#c10000;vertical-align: middle;font-size: 90%;}
.page-service-contact .form-group-inline{display:inline-block;margin-right:20px;}
.page-service-contact .form-group-inline .label{display:inline-block;width:70px;}
.page-service-contact .form-group-inline .field{width:80%;width:calc(100% - 70px)}
.page-service-contact .label{padding: 7px 7px 7px 0;}
.page-service-contact .form-group .label,.page-service-contact .form-group .field{}
.page-service-contact .form-group .field .input{width:auto}
.page-service-contact .item-col .form-group-inline{width:48%;margin-right:3%;}
.page-service-contact .item-col .form-group-inline:last-child{margin-right:0;float: right;}
.page-service-contact .item-col .form-group-inline .field .input,.page-service-contact .item-col .form-group .field .input{width:100%;}
.page-service-contact .item-col .form-group .label{width:70px;}
.page-service-contact .item-col .form-group .field{float: right;width:80%;width:calc(100% - 70px);padding-bottom: 10px;}
.page-service-contact form{width:90%;}

.input-inline{display:inline-block;width:auto}
.page-codecon{display:inline-block;height:34px;}
.page-codecon img{height:100%;vertical-align:middle;}
.page-service-contact .submit-con{margin-top:20px;padding-left:70px;}
.page-service-contact .submit-con .btn{width:30%;}
.page-contact-li li{margin:30px 0;}
.page-contact-li .page-codebox{margin-top:20px}
.page-contact-li .page-codebox img{width:140px;height:auto;}
.page-contact-li li span:before{content:''; display: inline-block;vertical-align:middle; margin-right: 5px;background: url(../images/page-contact-icon.svg) no-repeat;width: 20px;height: 20px;}
.page-contact-li li.qq span:before{background-position:0 0;}
.page-contact-li li.tel span:before{background-position:-25px 0;}
.page-contact-li li.mail span:before{background-position:-55px 0;}
.page-contact-li li.wechat span:before{background-position:-85px 0;}

.list-style-disc{padding-left:15px;}
.list-style-disc li{list-style:disc;margin-bottom:10px;}

/* .page-qa-con{margin-top:40px;} */
.page-qa-con .qa-box{padding-bottom:10px;}
.page-qa-con .qa-box .head{cursor:pointer;padding:10px;background-color:#eee;position:relative}
.page-qa-con .qa-box .head:after{content:'';position:absolute;right:10px; display:inline-block;width:20px;height:20px;background: url("../images/jt-down.png") no-repeat center center;background-size: 16px;}
.page-qa-con .qa-box.active .head:after{background: url("../images/jt-up.png") no-repeat center center;background-size:16px;}
.page-qa-con .qa-box .answer{display:none;font-size:15px;}
.page-qa-con .qa-box .body{padding:10px;background-color:#fff}


.table{border-collapse: collapse;border-spacing: 0;}
.table tr:nth-child(even){background-color:#fff}
.table tr:nth-child(odd){background-color:#eee}
.table tr:nth-child(1){background-color:#1d5e5d;color:#fff}
.table th, .table td {border: solid 1px #cfcfce;padding:8px;}
.table th{text-align:left;}
.table-nohead tr:nth-child(1){background-color:#eee;color:inherit}
.table-nohead tr:nth-child(odd){background-color:#eee}
.table-nohead tr:nth-child(even){background-color:#fff}
.table-white tr:nth-child(even){background-color:#fff}
.table-white tr:nth-child(odd){background-color:#fff}
.table-white tr:nth-child(1){background-color:#fff;color:#3c3c3c}
.table-white th, .table td {border: solid 1px #cfcfce;padding:8px;}
.table-white-sh tr:nth-child(even){background-color:#fff}
.table-white-sh tr:nth-child(odd){background-color:#fff}
.table-white-sh tr:nth-child(1){background-color:#1d5e5d;color:#fff}
.table-white-sh th, .table td {border: solid 1px #cfcfce;padding:8px;}


.process-con{font-size:15px;}
.process-con .process{margin-top:35px;}
.process-con .process .item{position:relative; display:inline-flex;align-items:center;vertical-align: middle; text-align:center;background:#6dbc62;padding:13px 14px;color:#fff;border-radius:100%;transition:all .3s;margin-right:50px;margin-bottom:30px; width:100px;height:100px;padding:10px;}
.process-con .process .item.active{transform: scale(1.1);background:#1d5e5d}
.process-con .process .item:before{content:"";width:0;height:0;border:16px solid rgba(0,0,0,0);border-left-color: #6dbc62;position:absolute;right:-50px;top:50%;transform:translateY(-50%)}
.process-con .process .item:after{content:"";width:0;height:0;border:14px solid rgba(0,0,0,0);border-left-color: #fff;position:absolute;right:-45px;top:50%;transform:translateY(-50%)}
.process-con .process .item:last-child{margin-right:0;}
.process-con .process .item:last-child:before,.process-con .process .item:last-child:after{display:none;}
.process-con .process .item.active:before,.process-con .process .item.active:after{}
.process-con .process .item span{display:inline-block;width:100%;text-align:center;}


.tab{display:flex;margin:0 -15px;}
.tab .tab-head,.tab .tab-body{padding:0 15px;}
.tab .tab-head{width:30%}
.tab .tab-body{width:70%}
.tab .tab-nav{border:1px solid #cfcfce;height: 100%;padding:10px;}
.tab .tab-nav li{padding:10px;background-color:#eee;margin-bottom:10px;cursor:pointer;line-height:1.65;}
.tab .tab-nav li.on{background-color:#6dbc62;color:#fff;;}
.tab-body .tab-panel{display:none;border:1px solid #cfcfce;height: 100%;padding:10px;}
.tab-body .tab-panel.active {display: block;}
.tab-body .tab-panel .img-con{text-align:center;margin:0 20px}
.tab-body .tab-panel .img-con img{max-width:230px;height:auto;width: auto;}
.show-citation{display:flex;flex-wrap:wrap;}
.show-citation .item{width:50%;display:flex;flex-direction: column;border-right: 1px solid #cfcfce;padding: 0 15px;position:relative;}
.show-citation .item:first-child:after{content:"";width:0;height:0;border:10px solid rgba(0,0,0,0);border-left-color: #fff;border-top-width:8px;border-bottom-width:8px; position:absolute;right:-16px;top:50%;transform:translateY(-50%)}
.show-citation .item:first-child:before{content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:-18px;background-color:#1d5e5d; width:40px;height:40px;border-radius:50px}
.show-citation .item:last-child{border:none;}
.show-citation .item .img-con{}
.show-citation .item .info{margin:20px;}
.show-citation .item .info p{margin:5px 0;line-height:1.5;font-size:13px;color:#7b7b7b;}
.show-citation .item .info p span{color:#3c3c3c}
.show-citation .item .img-en a{position:relative;display:block;}
.show-citation .item .img-en a:before{content:'';height:0;position: absolute;background: rgba(0,0,0,.3);left: 0;right: 0;top:0;bottom:0;opacity: 0;transition:all .3s;color: #fff;}
.show-citation .item .img-en a:hover:before{top:0;opacity:1;height:100%;}
.show-citation .item .img-en a span{position: absolute;top:0;left: 0;right: 0;opacity:0;transition:all .3s;color:#fff;height:0;}
.show-citation .item .img-en a:hover span{opacity:1;height:100%;top:45%;}





/*support online class*/
.page-banner {position: relative;width: 100%;height:400px; background-position: center center; background-size: cover;}
.support-banner { background-image: url(../images/support-pagebanner-01.jpg);}
.page-banner .container-fluid{position:relative;padding: 100px 15px 150px;}
.research-banner { background-image: url(../images/research-pagebanner-01.jpg);}
.page-banner .inner{text-align: center;width: 100%;}
.page-banner .inner .page-title{font-size:32px;font-weight:600;text-align: center;padding:20px 0 30px 0}
.page-banner .inner .page-title span {font-size: 16px;font-weight: 400;position: relative;top: -5px;}
.support-top-list .tab-p{padding:0 10%;display:flex;margin:0 -20px;}
.support-box{width:33.333333%;padding:0 20px;float:left;}
.support-top-list .tab-p .support-box a{position: relative;display:block;background-color:#f8f8f8;border-radius: 5px; padding: 30px 0;text-align:center;transition:all .5s ease;}
.support-box-icon{display:inline-block; background: url(../images/support-box-icon.svg) no-repeat; background-size: auto;height: 82px; width: 82px;transition:all .5s ease;}
.support-box-icon.icon-1{background-position:0 0; }
.support-box-icon.icon-2{background-position:-110px 0; }
.support-box-icon.icon-3{background-position:-218px 0;}
.support-box-icon.icon-4{background-position:-330px 0;}
.support-top-list .support-box a:hover .support-box-icon.icon-1{background-position:0 -100px; }
.support-top-list .support-box a.selected .support-box-icon.icon-1{background-position:0 -100px; }
.support-top-list .support-box a:hover .support-box-icon.icon-2{background-position:-110px -100px; }
.support-top-list .support-box a.selected .support-box-icon.icon-2{background-position:-110px -100px; }
.support-top-list .support-box a:hover .support-box-icon.icon-3{background-position:-218px -100px; }
.support-top-list .support-box a.selected .support-box-icon.icon-3{background-position:-218px -100px; }
.support-top-list .support-box a:hover .support-box-icon.icon-4{background-position:-330px -100px; }
.support-top-list .support-box a.selected .support-box-icon.icon-4{background-position:-330px -100px; }

.border-bot-show {box-shadow: 0 0 10px rgba(0,0,0,.2); position: absolute; height: 100%; top: 0; width: 100%; mix-blend-mode: multiply; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.support-top-list {margin-top: -70px; margin-bottom: 50px;}
.support-top-list .tab-p .support-box a:hover{background-color:#6dbc62;text-decoration:none;}
.support-top-list .tab-p .support-box a.selected{background-color:#6dbc62}
.support-box a.selected .title-show,.support-box a:hover .title-show{color:#fff;}
.support-center-list{display:flex;flex-wrap:wrap;margin:0 -20px;padding:30px 0;}
.support-center-list .item{width:25%;padding:0 20px;text-align:center;}
.support-center-list .item img{max-width:100%;}
.support-center-list .item .center-title{position:relative;background-color:#eee;height:100%;}
.support-center-list .item .center-title .inner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
.support-center-list .item .center-title p{margin:0;font-size:26px;font-weight:500;}
.support-center-list .item .center-title span{display:block;color:#a8a8a8;}
.support-center-list .item .center-box{background-color:#f6f6f6;height:100%;box-shadow: 0 0 10px rgba(0,0,0,.2);padding:20px;}
.support-center-list .item .center-box p{margin-bottom:0}
.support-center-list .item .center-title .btn{margin-top:20px}
.center-box .imgshow {position:relative;font-size:0;}
.center-box .imgshow span{position:absolute;padding:10px;background:rgb(0,0,0,.3);width:50px;height:50px;text-align:center;z-index:1;transition:all .4s;text-decoration:none;left:50%;border-radius:50px;top: 50%;transform:translate(-50%,-50%);}
.center-box .imgshow span:before{content: "";position: absolute;width: 0;height: 0;border: 16px solid rgba(0,0,0,0);border-left-color: #fff;border-top-width:12px;border-bottom-width:12px;top: 50%;transform: translateY(-50%);left:40%}
.support-center-listCol .item{margin-bottom:40px;}
.support-center-listCol .center-box .imgshow span{top:0;transform: translate(-50%,0);margin-top:-25px;background:rgb(29,94,93,1);opacity:0;}
.support-center-listCol .center-box .imgshow:hover span{opacity:1;text-decoration:none;top:50%;margin-bottom:0;bottom:auto;}
.support-center-listCol .center-box .imgshow:after{content:"";background:0 0;height:100%;opacity:1;position:absolute;right:0;transition:all .4s,box-shadow 1.6s;width:100%;box-shadow:0;top:0;}	
.support-center-listCol .center-box .imgshow:hover:after{background:none repeat scroll 0 0 rgba(0,0,0,.3);opacity:1;width:100%}
.support-center-listR2 .item:nth-child(2){width:75%;}
.editlist{text-align:left;}
.editlist li{margin:10px 0;}
.list-inner{padding: 0 0 0 15px;}
.list-inner li {list-style-type: disc;}
.editlist li .list-inner{padding-left:20px;}


.main-con{padding:50px 0;}
.page-tool-section .table{width:100%;}
.list-defult{padding-left: 0; list-style: none;}
.list-tool{margin-bottom: 0}
.list-tool li{line-height: 2}
.hasnum-list{	padding-left:15px;}
.hasnum-list li{list-style: decimal; margin-bottom: 5px;}
.buffer-result {display: inline-block; min-width: 25px; color: red; border-bottom: 1px solid red; padding: 0 5px; line-height: 1.2; text-align: center;}
.buffer-result em {font-style: normal;}
.input-line {border: none; border-bottom: 1px solid #666; padding: 0 5px; margin: 0 3px; width:50px; text-align: center;}
.tools-col-2 .flex-item .inner{height:100%;position:relative;}
.tools-col-2 .flex-item button{position:absolute;bottom:10px;}
/*.tools-col-2 .flex-item .inner:before{content:"";width:0;height:0;border:20px solid rgba(0,0,0,0);border-left-color:#d0d0d0;position:absolute;right:25px;top:50%;transform:translateY(-50%)}
.tools-col-2 .flex-item .inner:after{content:"";width:0;height:0;border:20px solid rgba(0,0,0,0);border-left-color: #fff;position:absolute;right:30px;top:50%;transform:translateY(-50%)}*/
.anchor-box2 .anchor{padding-top: 40px;margin-top: -40px;}
.tools-col-2 .flex-item .inner-c1 button{position:relative;bottom:auto;}
.textarea-con{position:relative;margin-bottom:20px;background-color:#fff;}
.textarea-con .placeholder{display:block;position:absolute;left:5px;top:5px;color:#c8c8c8;padding:10px;z-index:0;}
.textarea-con .placeholder.hidden{display:none;}
.wm-text-s .placeholder{padding:0 10px;}
.textarea-con .inputPd{padding:15px;position: relative;z-index:1;background-color: transparent;}
.mwResult-wrap{display:none}
.mwResult-wrap.active{display:block}
.tool-rTitle{display:flex;flex-wrap:wrap;}
.tool-rTitle div:nth-child(2){margin-left:auto;}
.tools-s3{display:flex}
.tools-s3 .label-con{margin-bottom:5px;}
.page-tool-section .btn{width:150px;}

.add-sys-con table tr th:nth-child(1),.add-sys-con table tr td:nth-child(1){width:25%}
.add-sys-con table tr th:nth-child(2),.add-sys-con table tr td:nth-child(2){width:25%}
.add-sys-con table tr th:nth-child(3),.add-sys-con table tr td:nth-child(3){width:25%}
.add-sys-con table tr th:nth-child(4),.add-sys-con table tr td:nth-child(4){width:25%}
.add-sys-con table tr th, .add-sys-con table tr td{border:none}
.add-sys-con table tr td{padding:8px 15px;}
.add-sys-choose-con{max-height:300px;overflow-y: auto;}
.oligo-ca .item{margin-bottom:40px;}
.oligo-ca .item .label-con label{font-weight:600;}
.oligo-ca .item.item-r1 .input-con{display:flex;margin-top:10px;}
.oligo-ca .item.item-r1 .input-con textarea{width:80%;}
.oligo-ca .item.item-r1 .input-con span:first-child{margin-right:10px;}
.oligo-ca .item.item-r1 .input-con span:last-child{align-self:flex-end;margin-left:10px;}
.oligo-ca .item.item-r2{display:flex;margin:0 -20px;margin-bottom:40px;}
.oligo-ca .item.item-r2 .sub-item{padding:0 20px;}
.oligo-ca .item.item-r2 select{font-size:15px;}
.oligo-ca .item.item-r2 select option{font-size:12px;}
.oligo-ca .item.item-r3 .label-con{margin-bottom:20px;}
.oligo-ca .item.item-r3 .label-con span{margin-right: 20px;}
.oligo-ca .item.item-r4{display:flex;margin:0 -20px;margin-bottom:40px;}
.oligo-ca .item.item-r4 .sub-item{padding:0 20px;}
.oligo-ca .item.item-r4 .sub-item .input{display:inline-block;width:auto;}
.oligo-ca .item.item-r4 .sub-item span{display:block;margin-top:5px;}
.oligo-ca .item .error{color:red;}
.add-sys-con{display:none}
.add-sys-con.active{display:block;}





.support-faqs,.support-download{padding-top:30px}
.faqs-category dl,.faqs-category dd{padding:0;margin:0}
.faqs-category dl{margin-bottom:50px;text-align:center;}
.faqs-category dl dd{display:inline-block;margin-right:15px;margin-bottom:15px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.faqs-category dl dd:last-child{margin-right:0}
.faqs-category dl dd a{display:inline-block; padding:8px 20px;background-color:#f8f8f8;}
.faqs-category dl dd a:hover{text-decoration:none;}
.faqs-category dl dd a.selected{background-color:#6dbc62;color:#fff;padding:12px 20px;}
.faqs-head{background-color:#eee;padding:0 10px;}
.faqs-head .faqs-title{display:inline-block;font-weight:600;margin:0;}
.faqs-head .tab-nav{display:inline-block;}
.faqs-head .tab-nav li{display:inline-block;margin-right:10px;cursor:pointer;padding:10px 0;}
.faqs-head .tab-nav li:after{content:'|';padding-left:14px;color:#999;}
.faqs-head .tab-nav li:last-child:after{display:none;}
.faqs-head .tab-nav li.on{color:#6dbc62}
.faqs-head .tab-nav li.on:after{color:#999}
.faqs-body .tab-panel,.download-body .tab-panel,.research-service-body .tab-panel{display: none;}
.faqs-body .tab-panel.active,.download-body .tab-panel.active,.research-service-body .tab-panel.active {display: block;}
.page-qa-con .qa-box.active .head{background-color:#ddd;}
.faqs-form{background-color:#eee;padding:15px;}
.faqs-form>p{margin-top:0;margin-bottom:20px;font-weight:600;}
.faqs-form .form-group{margin-bottom:15px;}
.file-field{position:relative;clear:both;}
.file-field .btn{position:absolute;left:5px;top:50%;transform:translateY(-50%);padding:3px 10px;border-radius:0;font-size:13px;background-color:#ccc;color:#3c3c3c}
.file-field .fileform{display:none;}
.file-field .input{padding-left:60px;font-size:13px;}
.tips{margin-top:5px;color: #c10000}
.faqs-form .submit-con .btn{display:block;width:100%;padding:6px 0;}
.download-head .tab-nav{margin-bottom:50px;text-align:center;}
.download-head .tab-nav li{display:inline-block;margin-right:15px;margin-bottom:15px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.download-head .tab-nav li:last-child{margin-right:0}
.download-head .tab-nav li a{display:inline-block; padding:8px 20px;background-color:#f8f8f8;}
.download-head .tab-nav li a:hover{text-decoration:none;}
.download-head .tab-nav li.on a{background-color:#6dbc62;color:#fff;padding:12px 20px;}
.download-category{margin-bottom:40px;}
.category-title{background-color:#eee;padding:5px;}
.download-list{display:flex;flex-wrap:wrap;margin:0 -20px;padding-top:20px;}
.download-list .download-item{width:20%;padding:0 20px;margin-bottom:40px;}
.download-list .download-item a:before{content:'';display:inline-block; position:absolute;bottom:0;right:0;width: 0;height: 0;border:12px solid #ccc;border-bottom-color:#fff;border-right-color: #fff;}
.download-list .download-item a{position:relative;height:100%;display:block;text-align:center;padding:20px; background-color:#ddd;transition: all .5s ease;}
.download-item a .icon{display:inline-block;width:64px;height:64px;margin-top:15px;}
.download-item a .icon.icon-file-xls{background: url(../images/download-file-icon-xls.svg) no-repeat;background-size:cover;}
.download-item a .icon.icon-file-doc{background: url(../images/download-file-icon-doc.svg) no-repeat;background-size:cover;}
.download-item a span{display:block;padding:15px 0;}
.download-list .download-item a:hover{height:100%;transform:translateY(-10px);}

.research-service-body{margin-top: 40px;}
.research-tab-head{padding:0;background-color:#e6e6e6;}
.research-tab-head .tab-nav li{padding:10px 12px;margin:0;position:relative;transition:all .3s;}
.research-tab-head .tab-nav li:after{display:none;}
.research-tab-head  .tab-nav li.on{background-color: #6dbc62;color:#fff;transition:all .3s;}
.research-tab-head  .tab-nav li.on:after{content:''; display:inline-block;width:0;height:0;border:8px solid rgba(0,0,0,0);border-top-color: #6dbc62; position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:0;}
.research-show .page-section{padding:0 0 30px 0;}
.page-service-title h2.sub-title{font-size:24px;color:#1d5e5d;}
.research-service .page-service-title h3{margin:25px 0;}
.research-service .img-con p{text-align:center;;padding: 0 10%;color:#7a7a7a;}
.case-col-2{display:flex;flex-wrap:wrap;margin:0 -20px;}
.case-col-2 .item{width:50%;padding:0 20px;}
.case-col-2 .item .inner{height:100%;}


.epiframe-con{margin-top:10px}
.epiframe-con table td{height:100%;text-align:center}
.epiframe-bg{border-radius:5px;text-align:center;padding:5px 15px}
.epiframe-bg a{}
.epiframe-bg a:hover{}
.epiframe-con table td p{height:100%;text-indent:0;line-height:1.5;margin:0}
.epiframe-bg span{display:block}
.epiframe-bg-green{background-color:#87e1b1}
.epiframe-bg-yellow{background-color:#eff5c3}
.epiframe-bg-pink{background-color:#ffc3a8}
.sxarrow-box{padding:5px 0}
.sxarrow:before{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:20px solid black;font-size:0;line-height:0}
.epiframe-big-padding{padding:15px 0}

.party-building-pagebanner {height:auto; background-image: url(../images/Party-building-pagebanner.jpg);}
.party-building-pagebanner .inner .page-title{color:#fff;font-size:80px;margin-bottom:30px;}
.party-building-pagebanner .inner p{color:#fff;font-size:40px;}
.party-building-pagebanner .inner .img-con img{width:120px;height:auto;}
.party-building-pagebanner .container-fluid{padding:70px 15px 100px;}
.p-head{}
.p-head .title{color:#b81c22;display:inline-block;margin-bottom:40px;}
.party-logo-icon{display:inline-block;width:40px;height:40px;background:url(../images/party-logo-icon.png) no-repeat center center;background-size:40px;margin-right:10px;margin-bottom: -3px;}
.p-head .title:after {background: #b81c22;width:50%;display:none}


.member-list{display:flex;background-color:#b81c22;height: 100%;}
.member-list>div{width:50%;padding:20px;}
.memberImg .img{position:relative;text-align:center}
.memberImg .img>div{border:6px solid #fff;font-size:0;}
.memberImg .img>div img{max-width:100%;height:auto;}
.member-list .memberMes,.party-banner .party-bannerImg{position:relative;}
.swiper-button-con{position:absolute;bottom:20px;right:20px;}
.swiper-button-con .swiper-button-next, .swiper-button-con .swiper-button-prev{position:relative;display:inline-block;margin:0 12px; margin-top: 0;background-size:12px 20px;height:40px; width:40px;}
.swiper-button-con .swiper-button-next:before,.swiper-button-con .swiper-button-prev:before{content:'';display:inline-block;width:36px;height:36px;border:2px solid #fff;border-radius:100%;}
.member-list .memberMes .info{color:#fff;}
.member-list .memberMes .info .title{font-size:20px;font-weight:600;margin-bottom:20px;color:yellow}
.member-list .memberMes .info .title span{font-size:16px;margin-left:10px;}
.member-list .memberMes .info .text{line-height:1.85;text-align:justify}
.member-structure{height:100%;background-color: #b81c22;padding:20px;}
.member-structure img{max-width:100%;max-height:100%;}
.party-building-con .s2{padding: 100px 0;background-color:#f1f0e0;background-image: url("../images/s_bg2.png");background-position:top center;background-repeat: no-repeat;background-size: cover;}
.party-banner{position:relative; background-color:#b81c22;height: 100%;}
.party-bannerImg .img .img-show{font-size:0;position:relative;}
.party-bannerImg .img .img-show:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background:transparent; background:linear-gradient(to bottom, transparent 50%,#b81c22 100%);z-index: 0;}
.party-bannerImg .img .text{font-size:20px;position:relative;z-index:99;padding:0 20px 20px 20px;color:#fff;}
.party-bannerImg .img img{max-width:100%;max-height:100%;}
.news-w{background-color:#fff;height:100%;padding:20px;border:20px solid #b81c22;max-height:480px;overflow-y:auto;}
.news-w a{color:#3c3c3c;}
.news-w a:hover{color:#b81c22;}
.news-w .top{font-size:20px;margin-bottom:25px;}
.news-w .top a{color:#b81c22;}
.news-w ul li{margin:15px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom:1px dashed #ccc;padding-bottom:15px;}
.news-w ul li:last-child{border-bottom:none;}

.news-c .flex-item{margin-bottom:40px;}
.news-c a{display:block; color:#3c3c3c;box-shadow: 0 0 10px rgba(0,0,0,.2);padding:20px;transition: all .5s ease;height:100%;overflow: hidden;}
.news-c a:hover{text-decoration:none;transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.2)}
.news-c a .img{float:left;margin-right:20px; width:200px;height:150px;background-color:#eee;overflow: hidden;}
.news-c a .img img{width: 200px;height: 150px;object-fit: cover;}
.news-c a .text{overflow:hidden;}
.news-c a .text p{margin-top:0;color:#7a7a7a;}
.news-c a .text p:first-child{color:#3c3c3c;}
.hero-scroll .item{background-color:#fff;}
.hero-scroll .swiper-pagination-bullet-active{background:#b81c22}
.hero-scroll .item .text{padding-bottom:10px;}
.hero-scroll .item .text p{margin:0 0 5px;}


.news-titlebox h1{line-height:1.5}
.news-view{margin:25px 0;color:#999;}
.news-view span{margin:0 10px 0 0;}
.news-center{padding:30px 0;}
.news-show .box-video, .box-video{display:inline-block; position:relative;font-size:0}
.box-video span,.box-video .effect{position:absolute;padding:10px;color:#fff;background:rgb(29,94,93,1);opacity:0;width:50px;height:50px;text-align:center;margin:3px 0;margin-top:3px;margin-left:0px;z-index:1;transition:all .4s;text-decoration:none;margin-left:-25px;left:50%;top:0;margin-top:-25px;border-radius:50px}
.box-video .effect:before{content: "";position: absolute;width: 0;height: 0;border: 16px solid rgba(0,0,0,0);border-left-color: #fff;border-top-width:12px;border-bottom-width:12px;top: 50%;transform: translateY(-50%);left:40%}
.box-video a:hover .effect{opacity:1;text-decoration:none;top:50%;margin-bottom:0;bottom:auto;left:50%}
.box-video a:after{content:"";background:0 0;height:100%;opacity:1;position:absolute;right:0;transition:all .4s,box-shadow 1.6s;width:100%;box-shadow:0;top:0;}
.box-video a:hover:after{background:none repeat scroll 0 0 rgba(0,0,0,.3);}

.player-wrap{padding:0;border: 1px solid #ccc;}
.player-con{width:100%;margin:0 auto}
/*.player-con{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.player-con iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }*/
.player-con{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.player-con iframe,.player-con object,.player-con embed{position:absolute;top:0;left:0;width:100%;height:100%}
.recommend-video-list{background-color:#eee;padding:15px;}
.recommendVideo-panel .head{background-color:#1d5e5d;color:#fff;padding:8px 10px;}
.recommend-video-list img{max-width:100%;height:auto;}
.recommend-video-list .center-box{margin:15px 0;}
.recommend-video-list .center-box:first-child,.recommend-video-list .center-box:last-child{margin:0;}


.flex-circle{display:flex;flex-wrap:wrap;margin:0 -20px;}
.flex-circle .flex-item{padding:0 20px;}
.flex-circle .flex-item a{display: inline-block; width:120px;height:120px;border:4px solid #1d5e5d;border-radius:100%;text-align:center;transition: all .3s;color:inherit;}
.flex-circle .flex-item a span{display:inline-block; position:relative; top:50%;transform:translateY(-50%);padding:20px;font-weight:600;}
.flex-circle .flex-item:nth-child(2n) a{border-color:#6dbc62;}
.flex-circle .flex-item a:hover{transform:translateY(-6px); box-shadow:0 14px 36px rgba(0,0,0,.2)}

.citation-banner{background-image: url(../images/citation-pagebanner-01.jpg);}
.search-inpage-con .search{margin:0 auto;width:70%;}
.page-head{display:flex;flex-wrap:wrap}
.page-head a{margin-left: auto;}

.citation-filter-con{background: #eee;padding: 15px;border: 1px solid #ddd;margin-top:30px;overflow:hidden;}
.citation-filter-con .list-filter{overflow:hidden;margin:20px 0;}
.citation-filter-con .list-filter dt { float: left; font-weight: 400; height:34px; line-height:34px;font-size:15px;}
.citation-filter-con .list-filter dd { margin-left:30px; float: left; width: 85%; line-height:34px;font-size:15px;}
.citation-filter-con .list-filter a { color: #333; display: inline-block; margin-right:15px; padding: 0 5px; text-decoration: none;}
.citation-filter-con .list-filter a:hover{color:#1d5e5d;}
.citation-filter-con .list-filter a.active { color: #fff; background: #6dbc62; border-radius: 5px;}
.year-select-box .year-select{width: 320px;padding: 10px 10px;font-size: 14px;background-color: #fff;outline: none;border: 1px solid #ccc;border-radius:4px;}
.citation-filter-con .searcnCon{margin-left: auto;width: 60%;padding: 0;}
.citation-filter-con .search{width:100%;}

.citation-item{margin-bottom:20px; border-bottom: 1px solid #ddd; padding-bottom:20px;}
.citation-productlist{ padding: 10px 0;}
.citation-desc { margin:10px 0; color: #999;font-size:14px;}
.citation-desc span { margin: 0 5px;  color: #333;}

.pagination-con{text-align:center;}
.pagination{display:inline-block;padding:30px 0;}
.pagination .item{text-align: center;letter-spacing: normal;margin: 0 8px 0 0;display: inline-block;}
.pagination .item a,.pagination .item span.page{background-color:#f5f5f5; letter-spacing: normal;color: #7d7d7d;display: inline-block;padding: 0 8px;border: 1px solid #ccc;box-shadow: none;border-radius: 3px;min-width: 32px;position: relative;top: -1px;line-height:30px;}
.pagination .item a:hover{text-decoration:none;background-color:#ddd;}
.pagination .item span.page{background: #1d5e5d;font-weight: 700;color:#fff;border-color: #1d5e5d;}
.pagination .item a.action{position:relative;}
.pagination .item a.action:before{content:'';display:inline-block;position:relative;top:2px; background: url(../images/pagination-bg.png) no-repeat;width:10px;height:16px;background-position:0 -2px;}
.pagination .item a.action.previous:before{left:-1px;}
.pagination .item a.action.next:before{background-position:-30px -2px;right:-1px;}
.pagination-total{margin-right:10px;}
.pagination-jump{margin-left:10px;}
.pagination-jump .input{display:inline-block;width:auto;margin:0 6px;width:50px;text-align:center;}


.company-con{padding:50px 0 0 0;}
.about-banner {background-image: url(../images/about-pagebanner-01.jpg);}
/*.company-con .navFix{left:0;top: 50%;transform: translateY(-50%);}
.company-con .navFix ul{display:block;}
.company-con .navFix ul li{display:block;padding:2px;height:auto;}*/

.company-con .page-section{padding:80px 0;}
.page-s2{background-color:#eee; background-image: url("../images/s_bg2.png");background-position: top center;background-repeat: no-repeat;background-size: cover;}

.fititle{display:flex;border-bottom:1px solid #ddd;padding-bottom:10px;}
.fititle h2{font-size:40px;font-weight: 400;display: inline-block;border-left: 10px solid #3c3c3c;padding-left: 20px;line-height:36px;vertical-align: middle;}
.fititle h2:after{display:block;width:20%;height:12px;background:#6dbc62;margin-left:50%;transform:translateX(-50%);margin-top:-8px;position:relative;z-index:-1;}
.fititle span{margin-left: auto;align-self: end;font-size: 20px;color: #999;text-transform: uppercase;}
.about-cont{position:relative;margin-top:50px;}
.about-cont .img{width:900px;overflow:hidden}
.about-cont .img img{width:100%;-webkit-ontransiti:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
.about-cont .about-info{position: absolute;top: 50%;right: 0;padding:30px 50px;background-color: #fff;width: 600px;transform: translateY(-50%);box-shadow:0 0 20px rgba(0,0,0,0.2)}
.about-cont .about-info p{margin:20px 0;text-align:justify;line-height:1.65;}
.about-cont .img:hover img{-webkit-transform:scale(1.04,1.04);-moz-transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04);transform:scale(1.04,1.04)}

.manager-cont{position:relative;margin-top:50px;}
.manager-cont .manager-info{position:relative;z-index:1; padding:30px 50px;background-color: #fff;width:900px;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.manager-cont .manager-info p{border-bottom:1px dashed #aaa;padding-bottom:10px;}
.manager-cont .manager-info p:last-child{border-bottom:none;padding-bottom:0;}
.manager-cont .img{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:0;}

.page-s3{background-color:#fff;}
.expert-cont{position:relative;margin-top:50px;}
.expert-list{position:relative;display:flex}
.expert-cont .expertImg{width:30%;font-size:0;align-self: center;}
.expert-cont .expertImg .img img{max-width:100%;border:1px solid #ddd;}
.expert-cont .expertMes{width:70%;margin-left:auto;}
.expert-cont .expertMes .info{height:100%;}
.info-swiper .swiper-slide,.info-swiper .swiper-container{height:100%;}
.swp .info .cont {padding: 50px;}
.swp .info .cont .title{font-size:26px;font-weight:600;}
.swp .info .cont .text{text-align:justify;}
.swp .expert-cont .info .cont{padding:0}
.swp .swiper-button-con{bottom:0;right:0;}
.swp .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");margin-left:0;}
.swp .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");margin-right:0;}
.swp .swiper-button-prev,.swp .swiper-button-next{background-size:22px;height:64px;width:64px;background-color: #1d5e5d}
.swp .swiper-button-con .swiper-button-next:before,.swp .swiper-button-con .swiper-button-prev:before{display:none}
.expert-cont .swiper-button-con{bottom:-10px}

.page-s4{background-color:#eee; background-image: url("../images/s_bg2.png");background-position: top center;background-repeat: no-repeat;background-size: cover;}
.organ-cont{position:relative;margin-top:50px;}
.organ-cont .img{overflow:hidden;}
.organ-cont .img img{width:100%;max-width:100%;height:auto;transition:all 0.5s}
.organ-cont .img:hover img{}

.page-s5{background-color:#fff;}
.culture-tab{margin-top:65px;margin-bottom:55px;display:flex;justify-content:center;}
.culture-tab li{position:relative;cursor:pointer;margin-right:30px;text-align: center;background-color:#eee;border-radius:4px; width:15%;}
.culture-tab li,.culture-tab li a{display:block;font-size:18px;}
.culture-tab li a{padding:10px 15px;color:#3c3c3c;}
.culture-tab li:last-child{margin-right:0}
.culture-tab li:hover,.culture-tab li a:hover{color:#1d5e5d;text-decoration:none;}
.culture-tab li.active{background-color:#1d5e5d;}
.culture-tab li.active a{color:#fff;}
.culture-tab li.active:after{width:100%;margin-left:-50%}
.culture-list .img{float:right; width:900px;}
.culture-list .info{right:auto;left:20px;box-shadow:0 0 20px rgba(0,0,0,.2);position:absolute;top:50%;width:450px;height:450px;margin-top:-225px;background:#fff}
.culture-list .cont{margin-top:36px;}
.cont h3 {font-size: 30px; margin-bottom: 15px; font-weight: 600;}
.swp .culture-list .info p{font-size:20px;line-height:30px;color:#343434;max-height:180px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}
.culture-list .img img{width:100%;max-width:100%;height:auto;transition:all 0.5s}
.culture-list .img:hover img{transform:scale(1.04,1.04)}
.swp .culture-list .swiper-button-con{left:60px;bottom:20px;}

.page-s6{background-color:#eee; background-image: url("../images/s_bg2.png");background-position: top center;background-repeat: no-repeat;background-size: cover;}
.honor-list{position:relative;margin-top:50px;}
.honor-list .cont{display: flex;margin:0 -20px}
.honor-list .cont .box{width:25%;margin-bottom:50px;padding:0 20px;}
.honor-list .cont .box .inner{box-shadow: 0 0 10px rgba(0,0,0,.2);padding:10px;background-color: #fff;height:100%;}
.honor-list .cont .box .img{margin-bottom:20px;font-size: 0;text-align: center;}
.honor-list .cont .box .img img{max-width:100%;height: auto;transition:all 0.5s}
.honor-list .cont .box .info{text-align:center;font-size:16px;}
.honor-list .cont .box .img:hover img{transform:scale(1.04,1.04)}


.page-s7{background-color:#fff;}
.patent-cont{position:relative;margin-top:50px;}
.patent-cont .img img{max-width:100%;height: auto;transition:all 0.5s}
.patent-cont .img:hover img{transform:scale(1.04,1.04)}
.patent-cont .cont{margin-bottom:30px;}

.recruit-banner {background-image: url(../images/recruit-pagebanner-01.jpg);}
.recruit-cont-p1{background-image: url(../images/recruit-bg1.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;padding-top:200px;}
.wrap-s1 .box{float: right;background-color: #fff;padding:100px 60px;clip-path: polygon(0% 0%, 100% 20%, 100% 100%, 0% 100%);}
.wrap-s1 .box p{font-size:18px;}
.recruit-cont-p2{background-image: url(../images/recruit-bg2.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 100px 0;}
.recruit-con .fititle{border-bottom:none;padding-bottom:20px;}
.tip-head{border-bottom: 1px solid #ddd;}
.wrap-s3{padding-top: 100px;}
.wrap-s3 .r1{margin-bottom:30px;}
.wrap-s3 .r1 .box-l{float:left;width:35%;position:relative;}
.wrap-s3 .r1 .box-l .img{position: absolute;left: 0;right: 220px;bottom: 0;top: 0;}
.wrap-s3 .r1 .box-l .text{float:right;width: 220px;height: 260px;display: flex;align-items: center;background-color:#fff}
.wrap-s3 .r1 .box-l .text .in,.wrap-s3 .r1 .box-r .text .in{padding:20px;text-align:left}
.wrap-s3 .r1 .box-l .text p{font-size:18px;font-weight:600;}
.wrap-s3 .r1 .box-l .text .jt{display:inline-block;background: url(../images/kk53.png);width:50px;height:50px;background-size:cover;margin-top:10px;}
.wrap-s3 .r1 .box-l .img img{width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;}
.wrap-s3 .r1 .box-r{float:right;width:65%;position:relative;}
.wrap-s3 .r1 .box-r .img{position: absolute;left: 0;right: 220px;bottom: 0;top: 0;}
.wrap-s3 .r1 .box-r .text{float:right;width: 220px;height: 260px;display: flex;align-items: center;background-color:#1d5e5d}
.wrap-s3 .r1 .box-r .text .jt{display:inline-block;background: url(../images/kk54.png);width:50px;height:50px;background-size:cover;margin-top:10px;}
.wrap-s3 .r1 .box-r .text p{color:#fff;font-size:18px;font-weight:600;}
.wrap-s3 .r1 .box-r .img img{width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;object-position: bottom;}

.wrap-s3 .r2 .box-l{float:left;width:65%;position:relative;}
.wrap-s3 .r2 .box-l .img{position: absolute;left:220px;right: 0;bottom: 0;top: 0;}
.wrap-s3 .r2 .box-l .text{float:left;width: 220px;height: 260px;display: flex;align-items: center;justify-content: flex-end;background-color:#1d5e5d}
.wrap-s3 .r2 .box-l .text .in,.wrap-s3 .r2 .box-r .text .in{padding:20px;text-align:right}
.wrap-s3 .r2 .box-l .text p{color:#fff;font-size:18px;font-weight:600;}
.wrap-s3 .r2 .box-l .text .jt{display:inline-block;background: url(../images/kk52.png);width:50px;height:50px;background-size:cover;margin-top:10px;}
.wrap-s3 .r2 .box-l .img img{width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;}
.wrap-s3 .r2 .box-r{float:right;width:35%;position:relative;}
.wrap-s3 .r2 .box-r .img{position: absolute;left:220px;right: 0;bottom: 0;top: 0;}
.wrap-s3 .r2 .box-r .text{float:left;width: 220px;height: 260px;display: flex;align-items: center;justify-content: flex-end;background-color:#fff}
.wrap-s3 .r2 .box-r .text p{font-size:18px;font-weight:600;}
.wrap-s3 .r2 .box-r .text .jt{display:inline-block;background: url(../images/kk51.png);width:50px;height:50px;background-size:cover;margin-top:10px;}
.wrap-s3 .r2 .box-r .img img{width: 100%;left: 0;top: 0;height: 100%;object-fit: cover;object-position: bottom;}


.recruit-s4 {background-color:#eee; background-image: url("../images/s_bg1.png");  background-position: top center;  background-repeat: no-repeat;  background-size: cover;  padding: 100px 0;}
.job-wrap{background-color:#fff;margin-top:50px; font-size:16px;}
.list-row-item{border-bottom:1px solid #ddd;}
.list-row-item .jobT,.list-hd .jobT{display: flex;}
.list-hd .jobT{background-color:#1d5e5d;color:#fff;}
.list-row-item .jobT .list-cell,.list-hd .jobT .list-cell{position: relative;display: flex;justify-content: center;text-overflow: ellipsis;overflow: hidden;flex-direction: column;width:auto;min-height:75px;padding-left: 2em;}		
.list-row-item .jobT .jobCate,.list-hd .jobT .jobCate{padding-left: 4em;width:25%}
.list-row-item .jobT .jobName,.list-hd .jobT .jobName{width:40%}
.list-row-item .jobT .jobAddr,.list-hd .jobT .jobAddr{width:25%}
.list-row-item .jobT .jobDetail,.list-hd .jobT .jobDetail{width:10%;padding-left:0;text-align:center;}
.list-hd .jobT .list-cell{min-height:56px;}
.list-row-item .jobB{display:none;padding-left: 4em;}
.list-row-item .jobT .jobDetail{cursor:pointer;background-image: url("../images/jt5.png");background-position: center center;background-repeat: no-repeat;background-size: 20px;}
.list-row-item.active .jobT .jobDetail{background-image: url("../images/jt4.png")}
.list-row-item .jobB .jobCon{margin-top:20px;}
.list-row-item .jobB p{line-height:1.65;margin:0;}
.list-row-item.active{padding-bottom:30px;}
.list-row-item.active .jobT{}
.job-tex{text-align:center;margin:40px 0;}




.news-banner {background-image: url(../images/news-pagebanner-01.jpg);}
.news-top .img{ width: 100%;font-size:0;overflow:hidden;}
.news-top .img img{ width: 100%;height:600px;object-fit:cover;transition:all .3s;}
/*.news-top .textbox .times .dj{color: #ababab;background: url(../images/news-dj.png) no-repeat center center;}*/
.news-top .textbox .times .dj span{display:block; color: #ababab;font-size:13px;text-align:center;padding:20px 0;}
.news-top a,.news-list a{color:#3c3c3c;display:block;overflow:hidden;}
.news-top a:hover,.news-list a:hover{text-decoration:none;color:inherit;}
.news-top .textbox{display:flex;margin-top:-65px;}
.times .sj{background-color:rgba(29,94,93,.8);padding:0 15px;height:65px;text-align:center;color:#fff;}
.times .sj p{margin:0;font-size:26px;font-weight:400;line-height:1.2;padding-top:8px;}
.news-top .textbox .text p{padding:0 20px;margin:0;}
.news-top .textbox .text .title{margin:0;padding:15px 20px;color:#1d5e5d; height:auto;min-height:65px;font-size:20px;font-weight:600;background: linear-gradient(to bottom, rgba(255,255,255,.5) 0%, rgba(255,255,255,1) 90%);transition:all .3s;}
.news-top a:hover .textbox .text .title{color:#6dbc62;}
.news-top .text{width:100%}
.news-list{margin:40px 0;}
.news-list li{padding:30px 0;border-bottom:1px solid #dcdcdc;position: relative;transition:all .3s;}
.news-list li .img{text-align: center;float:left;margin-right:30px;overflow:hidden;}
.news-list li .img img{vertical-align:middle;width:300px;height:180px;object-fit:cover;transition:all .3s;}
.news-list li .times{position:absolute;bottom:50px;}
.news-list li:before,.news-list li:after{content:""; display:table;}
.news-list li:after{clear:both;}
.news-list li{*zoom:1;/*IE/7/6*/}
.news-list li .textbox p{margin:10px 0;}
.news-list li .textbox .title{margin:0;padding:0;color:#1d5e5d; font-size:18px;font-weight:600;transition:all .3s;}
.news-list a:hover .title{color:#6dbc62;}
.side-news-head{padding-bottom:20px;}
.side-news-head .tp{display:inline-block; width:34px;height:34px;background: #1d5e5d url(../images/zxgx_tit.png) center center no-repeat;}
.side-news-head p{margin:0;padding-left:15px;color:#1d5e5d;font-size:20px;position:relative;line-height:1.3;font-weight:600;}
.side-news-head p:before{content:'';position:absolute;left:0; height:100%;width:3px;background:#1d5e5d;}
.side-news-list{margin-top:20px;}
.side-news-list li{position:relative;border-bottom:1px dashed #aaa;padding-bottom:5px;}
.side-news-list li:before{position: absolute;width: 10px;height: 10px;border:1px solid #ccc;background-color: #fff;border-radius: 100%;left: 0;top:5px; z-index: 10;transition: all 0.3s;}
.side-news-list li a{display:block;transition: all .3s;font-size:13px;color:#3c3c3c;}
.side-news-list li a:hover{color:#6dbc62;}
.side-news-list ul{position:relative;}
.side-news-list ul:after {position:absolute; display: block; width:1px; height: 100%; background-color: #676767; top: 0; left:6px;}
.side-news-list li{margin-bottom:20px;}
.side-news-list li a .sj{display:inline-block;background-color:#ddd; padding:3px 10px;position:relative;}
.side-news-list li a .sj:before{content:''; position:absolute;left: 50%;transform: translateX(-50%);top:100%; width: 0;height: 0;border:8px solid rgba(0,0,0,0);border-top-color: #ddd;}
/*.side-news-list li a .sj:after{content:'';position:absolute;left: 50%;transform: translateX(-50%);top:100%; width: 0;height: 0;border:6.5px solid rgba(0,0,0,0);border-top-color: #fff;}*/
.side-news-list li a:hover .sj{border-color:#6dbc62;background-color:#6dbc62;color:#fff;}
.side-news-list li a:hover .sj:before{border-top-color: #6dbc62;}
.side-news-list li .img{ width: 100%;font-size:0;overflow:hidden;margin: 20px 0 0 0;}
.side-news-list li .img img{width:100%;height:180px;object-fit:cover;transition:all .3s;}
.side-news-list li .img img:hover{transform: scale(1.05)}
.news-show-con img{max-width:100%;height:auto;}
.news-page{border-top:1px solid #ddd;padding-top:20px;margin-top:40px;color:#666;}
.news-page .prev{margin-bottom:10px;}
.news-show-con p{line-height:2;}


.promotion-banner{background-image: url(../images/promotion-pagebanner-01.jpg);}
.promotion-list-con .times .sj{background-color: rgba(255,115,0,.8);}
.promotion-list-con .news-top .textbox .text .title{color:#ff7300;}
.promotion-list-con .news-list li .textbox .title{color:#ff7300;}
.promotion-list-con .news-list a:hover .title{color:#b92c00;}
.promotion-list-con .news-top a:hover .textbox .text .title{color:#b92c00;}
.promotion-list-con .side-news-head p{color:#ff7300;}
.promotion-list-con .side-news-head p:before{background:#ff7300;}
.promotion-list-con .side-news-list li a:hover .sj{border-color:#ff7300;background-color:#ff7300;}
.promotion-list-con .side-news-list li a:hover .sj:before{border-top-color: #ff7300;}
.promotion-list-con .side-news-list li a:hover{color:#ff7300;}
.promotion-list-con .pagination-con{text-align:left;}
.promotion-panel{margin-bottom:30px;padding-top:20px;}
.promotion-panel .pp-tit{display:inline-block;position:relative;font-size:20px;font-weight:600;margin-bottom:0;line-height: 1.2;padding-left: 15px;}
.promotion-panel .pp-tit:after{content:'';display:inline-block;position:absolute;width:4px;height:100%;background-color:#ff4e00;top:0;left:0;}


.contact-banner {background-image: url(../images/contact-pagebanner-01.jpg);}
.contact-b{position:relative}
.contact-b img{max-width:100%;height:auto;min-height:430px; object-fit:cover;}
.contact-b .text{position:absolute;bottom:0;background-color:rgba(29,97,93,.7);width:100%;padding:10px 20px;}
.contact-b .text p{margin:0;color:#fff;}
.contact-b .text .name{font-size:16px;font-weight:600;}
.contact-section.page-s1{background-color: #eee;background-image: url("../images/s_bg2.png");background-position: top center;background-repeat: no-repeat;background-size: cover;padding:50px 0;}
.title-con{text-align:center;padding-bottom:50px;}
.title-con .tit{display:inline-block;font-size:28px;line-height:1;}
.title-con .tit:after{content:'';display:inline-block;height:6px;width:60%;background:#6dbc62;}
.contact-info{display:flex;flex-wrap:wrap;margin:0 -20px;}
.contact-info .item{width:33.333333%; padding:0 20px;}
.contact-info .item .in{background-color:#fff;text-align:center;padding:40px 0;height:100%;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: all .3s;}
.contact-info .item .in:hover{text-decoration:none;transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.2)}

.contact-info .item img{max-height:46px;display:block;margin:0 auto;transition: all .5s;}
.contact-info .item .in:hover img{transform:rotateY(180deg);}
.contact-info .item-icon span{display: inline-block; letter-spacing: 2px; font-size: 18px; color: #1d5e5d; text-align: center; margin-top: 20px;}

.online-chat{display:block;transition:all .3s;height:100%;}
.online-chat:hover{}
.online-chat .img{font-size:0}
.online-chat img{max-width:100%;height:auto;}
.online-chat .text{position:absolute;bottom:0;background-color:rgba(29,97,93,.7);width:100%;padding:10px 20px;}
.online-chat .text p{margin:0;color:#fff;font-size:16px;font-weight:600;}
.contact-c{display:flex;}
.contact-c .in{position:relative;height:100%;background-color:#d6eae5;}
.contact-c .title-con{background-color:#fff;}
.contact-form .item { width: 100%; margin-bottom:20px; padding: 0px 20px;}
.contact-form .item div {width: 100%; position: relative;}
.contact-form .item div:before{ content: ""; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background: url(../images/contact-form-icon.svg) no-repeat;background-position-x: 0%; background-position-y: 0%; width: 24px; height: 24px;}
.contact-form .item div.row1:before {width: 24px; height:24px; background-position: 0 -8px;}
.contact-form .item div.row2:before {width: 24px; height:24px; background-position:-38px -8px;}
.contact-form .item div.row3:before {width: 24px; height:24px;background-position: -78px -8px;}
.contact-form .item div.row4:before {width: 24px; height:24px;background-position: -120px -8px;}
.contact-form .item div.row5:before {width: 20px; height:24px;background-position: -160px -8px;}
.contact-form .item div.row6:before {width: 24px;height: 20px;background-position: -200px -10px;}
.contact-form .item div.row7:before {width: 24px;height: 24px;background-position: -242px -8px;}
.contact-form .item div.row8:before {background-position: -282px -8px;}
.contact-form .item.textarea div:before {top: 20px;}
.contact-form .item div input {border: 1px solid #ddd; width: 100%; height:45px; background: #fff; font-size: 16px; color: #06121e; outline: none; padding: 0 10px 0 50px; margin: 0px; transition: all 0.3s;}
.contact-form .item div input:focus,.contact-form .item div textarea:focus{box-shadow: 0px 0 15px rgba(0,0,0,.15);}
.contact-form .item.textarea { height: auto;}
.contact-form .item textarea {resize: none; width: 100%; height: 120px; padding: 10px 10px 10px 50px;  outline: none;  border: 1px solid #ddd;}
.contact-form .V-code div input { width: auto; margin-right: 15px;}
.contact-form .V-code img{ height:45px; vertical-align: middle;}
.contact-form .item:last-child { margin-bottom: 0;}
.contact-form .item.submit input { text-align: center; height:45px; width: 100%; font-size: 16px; color: #fff; background: #1d5e5d; cursor: pointer; padding: 0;  border: none; transition: all 0.3s;}
.contact-form .item.submit div:before {display:none;}
.contact-form .item.submit input:hover{ background: #6dbc62;}


.text-red{color:red;}
.search-banner{height:200px; position: relative;background-color: #dbebeb;background-image: url("../images/s_bg2.png");background-position: center center;background-repeat: no-repeat;background-size: cover;}
.search-banner .container-fluid{padding:0;top: 50%;transform: translateY(-50%);}
.search-filter-con{margin:0 0 30px 0;background: #eee;padding: 15px;border: 1px solid #ddd;overflow:hidden;}
.search-filter-con .list-filter{overflow:hidden;margin:20px 0;}
.search-filter-con .list-filter dt { float: left; font-weight: 400; height:34px; line-height:34px;font-size:15px;}
.search-filter-con .list-filter dd { margin-left:30px; float: left; width: 85%; line-height:34px;font-size:15px;}
.search-filter-con .list-filter a { color: #333; display: inline-block; margin-right:15px; padding: 0 5px; text-decoration: none;}
.search-filter-con .list-filter a:hover{color:#1d5e5d;}
.search-filter-con .list-filter a.active { color: #fff; background: #6dbc62; border-radius: 5px;}
.search-filter-con .searcnCon{margin-left: auto;width: 60%;padding: 0;}
.search-filter-con .search{width:100%;}
.search-head{font-size:18px;font-weight:600;}
.search-list .item{}
.search-list .article{display:block;border-bottom:1px solid #ddd;padding:20px 0;color:#3c3c3c;}
.search-list .article .read-full{display:inline-block;background-color:#ddd;padding:5px 10px;border-radius:3px;transition:all .3s;}
.search-list .article:hover .read-full{background-color:#1d5e5d;color:#fff;}
.articleTitle {font-size: 20px;}
.article-content {line-height:1.6;color:#666; margin: 20px 0 25px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.article-bottom {margin:20px 0;}
.side-panel{margin-bottom:30px;}
.weChat-relate{text-align:center;background-color:#f2f2f2;padding:20px 10px;}
.weChat-relate .title{font-size: 20px;font-weight: 700;margin-bottom: 20px;}
.weChat-relate .info{color: #969799;line-height:1.6;}
.weChat-relate .ewm-box{display:flex;margin:20px -10px;}
.weChat-relate .ewm-box>div{padding:10px}
.weChat-relate .ewm-box img{max-width:100%;height:auto;padding:5px;background-color:#fff}
.weChat-relate .ewm-box2{display:block;text-align:center;margin:20px 0}
.weChat-relate .ewm-box2>div{padding:10px}
.weChat-relate .ewm-box2 img{max-width:150px;height:auto;padding:5px;background-color:#fff;}

.error-page-con{text-align:center;padding:100px 0}
.error-title{font-size:2.85em;margin:50px 0;}
.error-page-con .btn{padding:15px 30px;font-size:18px;}

.img-responsive img{max-width:100%;height:auto;}
.sidebar .sidebar__inner{border:1px solid #ddd;}
.sidebar .sidebar-head{font-size:18px;background-color:#eee;font-weight:600;padding:8px 10px;}
.sidebar .side-panel{padding:0 10px;margin:20px 0;}
.sidebar .side-panel .head{padding:8px 5px; background-color:#f5f5f5;font-weight:600}
.sidebar .side-panel .head a{}
.sidebar .side-panel .side-pdts-list{padding:10px;}
.sidebar .side-panel .side-pdts-list li{margin:8px 0;}
.side-toggle-ico{float:right;width:30px;height:30px;cursor:pointer;margin-top:-5px;}
.side-toggle-ico:after{content:'';background: url(../images/side-toggle-ico-ud.svg) no-repeat 0 0;width:30px;height:30px;display:inline-block;}
.side-toggle-ico.up:after{content:'';background-position:0 -30px;}
.pdts-info-mess{display:flex;margin-top:30px;border: 1px solid #ddd;padding: 20px;align-items: center;}
.pdts-info-mess .img-con{width:20%;margin-right:20px;font-size:0;}
.pdts-info-mess .img-con img{width:100%;max-width:100%;height:auto;}
.pdts-info-mess .text-con{width:80%;}
.pdts-info-mess .text-con p:first-child{margin-top: 0;}
.pdts-list-item{margin:50px 0;background-color: #f2f2f2;padding: 20px;}
.pdts-list-item .project-title{border-left:4px solid #1d5e5d;padding:0 0 0 10px;font-size:18px;color:#1d5e5d;font-weight:600;line-height:1.25;}
.operate-con{display:flex;justify-content:space-between; align-items:center;padding:20px 0;}

.icon-pdf {display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(../images/ico-pdf.svg) no-repeat;background-size:16px; vertical-align: middle;margin-top:-2px;}
.icon-submit-order{float: left;width: 18px;height: 18px;margin-right: 5px;margin-top: 2px;background: url(../images/icon-submit-order.png)no-repeat;background-size: 18px;}

.table-condensed td,.table-condensed th{padding:5px;}
.table-condensed .input{height:26px;}
.pdts-data-con{border-bottom:1px solid #ddd;}
.pdts-data-con .list-item{display:flex;border-bottom:1px solid #ddd;border:1px solid #ddd;border-bottom:none;}
.pdts-data-con .list-item .name{width:12%;background-color:#eee;padding:8px;}
.pdts-data-con .list-item .value{padding:8px;}			  
.table-gray tr:nth-child(2n), .table-gray tr:nth-child(2n+1){background-color: #fff;}
.table-gray tr:nth-child(1){background-color: #eee;color: #3c3c3c;}
.table-noBorder td,.table-noBorder th{border:none;}			  
.table-noBorder tr:nth-child(2n){background-color:#f8f8f8;}
.table-noBorder tr:nth-child(2n+1){background-color:#eee;}
.table-noBorder tr:nth-child(1){background-color: #ddd;color: #3c3c3c;}
.table.text-center th{text-align:center;}

.party-building-news-pagebanner{ background-image: url(../images/party-building-news-pagebanner.jpg);}
.party-building-news-pagebanner2{ background-image: url(../images/party-building-news-pagebanner-2.jpg);}
.party-building-news-pagebanner .inner,.party-building-news-pagebanner2 .inner{color:#fff;}
.party-building-news-con .times .sj{background-color: rgba(225,45,49,.8);}
.party-building-news-con .news-top .textbox .text .title{color:#e12d31;}
.party-building-news-con .news-list li .textbox .title{color:#e12d31;}
.party-building-news-con .news-list a:hover .title{color:#b92c00;}
.party-building-news-con .news-top a:hover .textbox .text .title{color:#b92c00;}
.party-building-news-con .side-news-head p{color:#e12d31;}
.party-building-news-con .side-news-head p:before{background:#e12d31;}
.party-building-news-con .side-news-list li a:hover .sj{border-color:#e12d31;background-color:#e12d31;}
.party-building-news-con .side-news-list li a:hover .sj:before{border-top-color: #e12d31;}
.party-building-news-con .side-news-list li a:hover{color:#e12d31;}
.party-building-news-con .news-titlebox h1{color:#e12d31}
.party-building-news-con .news-page a{color:#e12d31;}
.party-building-news-con .news-page a:hover{color:#b92c00;}


.btn-red{background-color:#b81c22;color:#fff;}
.news-w a.btn-red{color:#fff;}
.btn-red:hover{background-color:#ed333a;}

.step-row .item{position:relative;margin:0;}
.step-row .item span{display:block;position:relative;background-color:#6dbc62;color:#fff;padding:10px 15px;text-align:center;border-radius:5px;}
.step-row .item:nth-child(2n) span{background-color:#fff;border:2px solid #6dbc62;color:#6dbc62;}
.step-row .item:after{content: '';display: inline-block;position:relative;width:20px;height:22px; background:url("../images/Molecular-interaction/step-arrow.svg") no-repeat;text-align:center;left:50%;transform:translateX(-50%);margin-top:10px;}
.step-row .item:last-child:after{display:none}
.step-col{display:flex;margin:0 -15px;}
.step-col .item span{display: flex;align-items: center; border: 2px solid #6dbc62;height: 100%;}
.step-col .item{padding:0 15px;margin-bottom:20px;}
.step-col .item:after {display:none;}
.step-col .item span:after {content: ''; display:block;position: absolute; width: 22px; height: 22px;background: url("../images/Epigenetics/step-arrow.svg") no-repeat;text-align: center;left:100%; top:50%; transform: translateY(-50%);}
.step-col .item:last-child span:after{display:none;}


@media screen and (max-width:1300px){
	.contact-form .item div.row8:before {top:25%;}
	.elisa-pdts-scroll .button{display:none}
}

@media screen and (max-width:1115px){
	.research .button,.honor-scroll .button, .elisa-pdts-scroll .button{display:none}
	.research .swiper-button-prev, .research .swiper-container-rtl .swiper-button-next{left:10px;}
	.research .swiper-button-next, .research .swiper-container-rtl .swiper-button-prev{right:10px;}
	.honor-scroll .swiper-button-prev{left:10px;}
	.honor-scroll .swiper-button-next{right:10px;}
	.numList ul{margin:0;}
	.page-banner{height:300px;}
	.page-banner .container-fluid{padding:0 15px;top: 50%;transform: translateY(-50%);}
	.citation-text .img-con img{max-width:100%;height:auto;}
	.about-cont .img{width:90%;}
	.culture-list .img{width:90%;}
	.manager-cont .manager-info{width:90%;}
	.culture-list .info{width:50%;height:300px;margin-top:-150px;}
	.culture-list .cont{margin-top:0;}
	.swp .culture-list .swiper-button-con{bottom:40px;}
	.party-building-pagebanner .inner .page-title{font-size:40px;margin-bottom:0}
	.party-building-pagebanner .inner p{font-size:26px;}
	.step-col{flex-wrap: wrap;}
}

@media screen and (max-width:810px){
	.section{padding:50px 0;}
	.foot .col-1-3{width:100%;}
	.foot .col:nth-child(1),.foot .col:nth-child(2){display:none;}	
	.service-item{width:50%;}
	.page-service-type .item-type{width:33.333333%}
	.page-service-download li{width:50%;}
	.page-service-contact .col-2-3,.page-service-contact .col-1-3{width:50%;}
	.page-service-contact .form-group .field .input{max-width:100%;}
	.table-responsive{width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
	.table-responsive .table tr th,.table-responsive .table tr td{white-space:nowrap}
	.service-item .item-in{height:auto;}
	.link-h{display:block;position:relative;margin-top:10px;}
	.support-faqs .col-3-4,.support-faqs .col-1-4{width:100%;}
	.page-qa-con .qa-box .head:after{left:10px;right:auto;top:50%;transform:translateY(-50%)}
	.page-qa-con .qa-box .head{padding-left:40px}
	.citation-filter-con{flex-wrap:wrap;}
	.citation-filter-con>div{width:100%;}
	.citation-filter-con .searcnCon{width:100%;margin-top: 20px;}
	.year-select-box .year-select{width:auto;}
	.company-con .nav-wrap nav li{line-height:inherit;height:auto;display:inline-block;padding:5px;}
	.company-con .navFix ul li{display: block;padding:5px;}
	.wrap-s3  .r1 .box-l, .wrap-s3  .r1 .box-r, .wrap-s3  .r2 .box-l, .wrap-s3  .r2 .box-r {float: none; width: 100%; overflow: hidden;}
	.wrap-s3 .r1{margin-bottom:0;}
	.wrap-s3 .r1 .box-l .img,.wrap-s3 .r1 .box-r .img{right:50%;}
	.wrap-s3 .r2 .box-l .img,.wrap-s3 .r2 .box-r .img{left:50%;}
	.wrap-s3 .r1 .box-l .text,.wrap-s3 .r1 .box-r .text,.wrap-s3 .r2 .box-l .text,.wrap-s3 .r2 .box-r .text{width:50%;}
	.list-row-item .jobT .jobCate, .list-hd .jobT .jobCate,.list-row-item .jobB{padding-left:1em;}
	.news-list-con .col-3-4,.news-list-con .col-1-4{width:100%;float:none;}
	.search-page-con .col-3-4,.search-page-con .col-1-4{width:100%;float:none;}
	.contact-con .col-1-2{width:100%;float:none;}
	.contact-info .item{width:100%;margin-bottom:20px;}
	.contact-info .item .in{padding:20px 0;}
	.contact-c{display:block;}
	.contact-c.flex-col-2 .flex-item{width:100%;margin-bottom:20px;}
	.contact-c .in{height:auto;}
	.error-page-con img{max-width:100%;height:auto}
	.navbar{z-index:1000000000000000001}
	.download-list .download-item{width:50%;}
	.page-service-content img{max-width:100%;height: auto !important;}
	.sidebar .sidebar__inner{position:relative!important;transform:none!important;top:0!important;left:0!important;bottom:0!important;width: auto!important;}
	.pdts-data-con .list-item{flex-wrap:wrap;} 
	.pdts-data-con .list-item .name{width:100%;background-color:#fff;}
	.news-c .flex-item{width:100%}
	.party-building-pagebanner .inner .page-title{font-size:2rem;}
	.party-building-con .flex-col-2 .flex-item{width:100%;}
	.news-c a .text{overflow: initial}
	.orderBtn-con a{margin:0 0 20px 0;width:100%;text-align:center;}
	.orderBtn-con .icon{float:none;display:inline-block;vertical-align: middle;}
}
@media screen and (max-width:668px){
	.section{padding:30px 0;}
	.service-content{margin:0}
	.service-item{width:100%;}
	.numList ul{flex-wrap:wrap;}
	.numList ul li{width:50%;margin:0}
	.nav-wrap nav ul{display:none;background-color:white;margin-left:-30px}
	.nav-wrap nav li{width:100%;display:block}
	.nav-wrap nav li a{padding:0 30px}
	.nav-mobile{display:inline-block;height:50px;line-height:50px}
	.citation-type .type-item{width:50%;margin-bottom:30px;}
	.company-con .nav-wrap{height:auto;}
	.company-con .nav-wrap nav ul{display:flex;flex-wrap:wrap;;margin-left:0;}
	.company-con .nav-wrap nav li{width:50%;padding:0 5px;}
	.company-con .navFix{transform: none;}
	.company-con .nav-wrap .navFix ul{margin-bottom:0;}
	.about-cont .img{width:100%;}
	.about-cont .about-info{position:relative;width:100%;top:-30px;transform: none;}
	.company-con .page-section{padding:20px 0;}
	.fititle span{display:none;}
	.manager-cont .manager-info{width:100%;}
	.manager-cont .img{display:none;}
	.expert-list{display:block;}
	.expert-cont .expertImg{width:100%;}
	.expert-cont .expertMes{width:100%;}
	.expert-cont .swiper-button-con{position:relative;}
	.honor-list .cont{margin:0 -15px; flex-wrap: wrap;}
	.honor-list .cont .box{padding:0 15px;width:50%;}
	.patent-cont .flex-col-4 .flex-item{width:50%;}
	.flex-col-4{margin: 0 -15px;}
	.flex-col-4 .flex-item{padding:0 15px;}	
	.culture-list .img{width:100%;float:none;}
	.culture-list .info{width:100%;position:relative;left:0;box-shadow:none;}
	.swp .culture-list .swiper-button-con{right:0;left:auto;}
	.swp .info .cont{padding:20px;}
	.expert-cont .expertImg .img img{width:50%;}
	.online-class-con .col-3-4,.online-class-con .col-1-4{width:100%;}
	.recommend-video-list{text-align:center;}
	.news-top .img img{height:300px;}
	.news-list li .img{float:none;margin-right:0;}
	.news-list li .img img{width:100%;}
	.news-list li .times{position:relative;bottom:0;margin-top: -65px}
	.news-list li .textbox{margin-top:20px;}
	.side-news{margin-top:50px;}
	.culture-tab{flex-wrap:wrap;justify-content:normal}
	.culture-tab li{margin:10px 0;width:50%;}
	.float-ad{z-index:1000000000000000001;}
	.popup-wrap{}
	.popup-con .popup-body{padding:20px;}
	.product-con .col-1-4,.product-con .col-3-4{width:100%;}
	.party-building-con .swiper-button-con{position:relative;bottom: 0;right: 0;}
	footer{padding-top:20px;}
	.foot .foot-message{display:none;}
	.promotion-list-con .col-3-4,.promotion-list-con .col-1-4{width:100%;}
	.nav-wrap{display:none;}
	.foot{margin-bottom:0;}
	.footer {border-top:none;}
	.footer p{padding:0}
	.step-col{flex-direction: column;}
	.step-col .item span:after{display:none;}
	.step-col .item:after { content: '';display: inline-block;position: relative;width: 20px;height: 22px;background: url("../images/Molecular-interaction/step-arrow.svg") no-repeat;text-align: center;left: 50%; transform: translateX(-50%); margin-top: 10px;}
	.step-col .item{margin-bottom:0;}
	.step-col .item span{display:block;}
	
}

@media screen and (max-width:480px){	
	.research-list ul{margin:0;flex-wrap:wrap;}
	.research-list ul li{width:40%;margin-bottom:15px;}
	.numList ul li{width:100%;margin:0}
	.leave-message .item .half-fl,.leave-message .item .half-fr{float:none;width:100%;}
	.leave-message .item .half-fl{margin-bottom:20px;}
	.home-about .item .intro .img-con{width:100%;float:none;}
	.page-service-type .item-type{width:100%;}
	.page-service-download li{width:100%;}
	.page-service-contact .col-2-3, 
	.page-service-contact .col-1-3,
	.page-service-contact .col-3-4, 
	.page-service-contact .col-1-4{width:100%;margin-bottom:20px;}
	.page-service-contact form{width:100%;}
	.page-service-contact .item-col .form-group-inline,.page-service-contact .item-col .form-group{width:100%;margin-right:0;}
	.page-service-contact .submit-con{padding-left:0;}
	.page-service-contact .submit-con .btn{width:100%;}
	.page-codecon{height:auto}
	.topService-in{}
	.topService-in .item{width:100%;margin-bottom:15px;}
	.service-info{padding:15px;}
	.service-info .col-1-3,.service-info .col-2-3{width:100%;margin-bottom:15px;}
	.service-info .img-con{padding:0}
	.advantage-list{flex-wrap:wrap;}
	.advantage-list li{width:100%;margin-bottom:15px;}
	.tab{flex-wrap:wrap;}
	.tab .tab-head{width:100%;margin-bottom:20px;}
	.tab .tab-body{width:100%;}
	.show-citation .item{width:100%;border-right:none;border-bottom: 1px solid #cfcfce;}
	.show-citation .item:first-child:before,.show-citation .item:first-child:after{display:none;}
	.page-banner{height:200px;}
	.page-banner .inner p{display:none}
	.support-banner .container-fluid{padding:50px 15px 50px;top: 0;transform: translateY(0);}
	.page-banner .inner .page-title{margin-bottom:20px;}
	.support-top-list{margin:0 0 20px}
	.support-top-list .tab-p{padding: 0 10px;margin:0 -10px;flex-wrap:wrap;}
	.support-top-list .tab-p .support-box a{padding:10px 0;}
	.support-box{padding:0 10px;width:50%;float:none;margin-bottom:20px;}
	.support-box-icon{}
	.support-center-list{margin:0;}
	.support-center-list .item{width:100%;padding:0;}
	.support-center-list .item .center-title .inner{position:relative;padding:20px}
	.support-center-list .item .center-box{display:none;}
	.support-center-listR2 .item .center-box{display:block;}
	.support-center-listR2 .item:nth-child(2){width:100%;}
	.support-center-listCol .item .center-box{display:block;}
	.popup-con{min-width:90%;max-width:90%;top:60%;min-height: auto;height: 90%;}
	.popup-border{display:none;min-width:0;max-width:0;min-height:0; height:0;width:0;opacity:0}
	.popup-con .popup-body{height: 100%;overflow-y: scroll;}
	.popup-con .popup-head a{right:auto;left:50%; transform:translateX(-50%)}
	.flex-col-3 .flex-item{width:100%;}
	.citation-type .type-item{width:100%;}	
	.topService-con .swiper-container:before {display:none;}
	.culture-list .info{height:auto;margin-top: 0;top: 0;}
	.swp .culture-list .info p{font-size:16px;}
	.service-wrap .pageNav.navFix{display:none;}
	.nav-wrap{height:auto;}
	.nav-wrap .pageNav ul{display:block;}
	.nav-wrap .pageNav li{display:inline-block;margin-bottom:10px;}
	.page-service-type .item-type .in .img-con{display:none;}
	.page-service-type .item-type .in p{display:none;}
	.right-fixBox{display:none;}
	.quick-link .call{display:none;}
	.flex-col-2 .flex-item{width:100%}	
	.member-list{flex-wrap: wrap;}
	.member-list > div{width:100%;}
	.xs-hidden{display:none!important}

}
.padding-top-0{padding-top: 0!important;}

.foot-service-con,.right-service-con{display:none;}
@media (max-width:768px){
	.right-service-con{position:fixed;display:inline-block;z-index:9999999;right: 0;bottom:160px;}
	.right-service-con img{width:120px;height:auto;}
	.foot-service-con{position:fixed;display:flex;z-index:9999999; bottom: 0;width:100%;padding:10px;background-color:#f5f5f5;border-top:1px solid #ccc;}
	.foot-service-con .item{flex-grow:1;flex-basis:0;margin: 0 5px;}
	.foot-service-con .item .button{display:block;width:100%; border-radius:100px;text-align:center;}
	.foot-service-con .item .button.bg-green-light{background-color:#59cb74;}
	.right-service-con{text-align:right;}
	#quotes {position: relative;width:200px; height:30px;overflow: hidden;margin: 0 auto;margin-bottom:5px;}
    .quote {position: absolute;top: 0;right: 0;width:auto;height: 100%;opacity: 0;transform: translateY(50px);transition: opacity 0.5s ease, transform 0.5s ease;font-size:15px;background-color:rgba(0,0,0,0.7);color:#fff;border-radius:80px;padding:2px 5px;margin:0;}
    .quote span{display: inline-block;max-width:170px;width:auto; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;}
    .quote span::before{content:'';display:inline-block;width:20px;height:20px;background-color:#6dbc62;border-radius:50px;margin-right:5px;vertical-align:middle;background-image: url(https://www.genecreate.cn/statics/images/s-message-icon.svg);background-repeat: no-repeat; background-size:12px;background-position:4px 4px;}
    .quote.active {opacity: 1;transform: translateY(0);}
}